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Avem marea şansă să trăim una din cele mai importante şi totodată rapide revoluţii din 
istoria civilizației, similară ca impact, după unele opinii, cu cea declanşată de apariţia 
tiparului. De această dată, schimbarea a fost indusă de apariţia unei noi modalități de a partaja 
şi disemina informaţiile, prin intermediul rețelei „World-Wide Web” (pe scurt WWW sau 
Web), accesibilă de pe oricare calculator conectat la Internet. Această rețea globală poate lega 
între ele „pagini” Web, care pot conţine orice sursă de informare în format electronic (texte, 
imagini, sunet, filme, animaţie generată de calculator, chiar şi transmisii de radio şi de 
televiziune în direct). Legăturile între paginile Web dau posibilitatea parcurgerii. (citirii) 
într-un mod personalizat, adaptat fiecărui utilizator (spre deosebire de parcurgerea liniară, 
specifică, de exemplu, romanelor sau filmelor). 

Astăzi, la doar un pic peste 10 ani de la apariţia sa, Web-ul este deja la îndemâna chiar şi a 
copiilor care de abia învaţă să vorbească, ca să nu mai amintim că el a devenit modalitatea 
preferată de informare, de comunicare sau chiar de lucru pentru foarte mulţi oameni. 
Explicaţia succesului Web-ului stă, probabil, în uşurinţa de a beneficia de serviciile sale, pe de 
o parte, şi de simplitatea punerii la dispoziţie de texte, de imagini, de muzică, a „publicării” 
oricărui material pentru a putea fi accesat de oricine. 

Cauzele succesului Web-ului sunt datorate, la rândul lor, progreselor în mai multe 
domenii ale informaticii, cum ar fi rețelele de calculatoare, protocoalele de comunicaţie, 
structurarea datelor, interfațarea om-calculator etc., unele dintre ele de multe ori ignorate sau 
neglijate chiar de profesioniștii informaticieni. De exemplu, ușurința accesului la resursele 
Web-ului este datorată interfeţelor om-calculator cu „manipulare directă”, apărute în anii '80 
şi care elimină necesitatea învăţării unor limbaje specifice de comandă a instrumentelor de 
navigare pe Web. 

Există însă şi probleme în utilizarea WWW, determinate, paradoxal, nu de lipsa (ca până 
acum) ci tocmai de volumul mare de informaţie disponibilă. Cel ce accesează Web-ul poate fi 
uşor „depăşit” de numărul imens de pagini Web care conţin informaţii potenţial utile, 
identificarea locului unde ar găsi ceea ce doreşte fiind, nu de puţine ori, extrem de greu de 
realizat. Mai mult, în parcurgerea Web-ului te poţi uşor dezorienta şi poţi fi deturnat de la 


scopul urmărit iniţial. 


Problemele semnalate mai sus pot fi rezolvate într-o mare măsură printr-o bună 
organizare a paginilor Web, printr-o bună proiectare a siturilor Web. Pe de altă parte, 
concurenţa între paginile Web furnizate de mai multe firme similare evidenţiază importanța 
modului de organizare a conţinutului acestor pagini. 

Cartea de faţă are drept principal scop tocmai depăşirea acestor neajunsuri şi pot spune că 
reuşeşte să atingă obiectivul propus. Acest lucru era de aşteptat deoarece autorul cărţii de faţă, 
domnul Sabin Corneliu Buraga, este un bun profesionist, cadru didactic şi publicist cunoscut 
în România pentru articolele şi cărţile sale de informatică, legate în special de domeniul 
Web-ului. 

Destinatari principali ai cărţii sunt cei care proiectează sau creează pagini de Web, aceştia 
putând găsi în ea detalii tehnice utile (cum ar fi protocolul HTTP), standarde (cum ar fi 
MIME şi URI) sau limbaje specifice (cum ar fi HTML, XHTML sau CSS). Capitolul al 
patrulea cuprinde adevărate manuale pentru învăţarea acestor ultime trei limbaje, inclusiv 
descrierea utilitarelor existente pentru editarea de pagini HTML. In plus, cartea este însoțită 


10 Proiectarea siturilor Web 
a N i NI 


de un CD care cuprinde o serie întreagă de standarde, cursuri, exemple (inclusiv cele din 
carte), aplicaţii, atât pentru platforma Windows, cât şi pentru cea Linux. Utile 
profesioniştilor sunt şi exemplele de situri de Web puse la dispoziţie pe CD. 

Se poate spune că, aşa cum designul şi ergonomia unui automobil pot contribui esenţial la 
succesul unui model (bineînţeles alături de performanţele tehnice şi de fiabilitate), corecta 
proiectare a siturilor Web şi respectarea regulilor de ergonomie cognitivă pot asigura succesul 
sau insuccesul oricărui demers care foloseşte Web-ul ca modalitate de comunicare. De aceea, 
marile firme care dezvoltă situri Web acordă o importanță deosebită acestor aspecte, în acest 
scop fiind implicate colective interdisciplinare formate din ingineri, matematicieni, psihologi, 
sociologi, filosofi şi chiar artişti plastici. De aceea, pentru proiectanți de situri Web, cel mai 
important capitol este cel de-al cincilea, în el fiind analizate în detaliu principiile şi regulile de 
interfaţare om-calculator care trebuie urmate în proiectare. Capitolul include totodată sfaturi 
practice foarte utile. 

Deşi titlul cărţii se referă la proiectarea siturilor Web, se poate spune fără a greşi că 
lucrarea poate fi citită de oricine este interesat de o introducere în domeniu, primul capitol 
fiind o foarte bună şi cuprinzătoare prezentare a fundamentelor şi a istoricului Web-ului. Mai 
mult, capitolele al doilea şi al treilea, ilustrează potenţialul Web-ului de a dezvolta aplicaţii 
puternice din domenii cum ar fi informarea şi documentarea (prin folosirea de motoare şi 
roboți de căutare pe Web), realitatea virtuală, comerțul electronic sau e-business. Includerea 
ultimelor două domenii face cartea utilă şi celor din domeniul afacerilor interesaţi de 
înțelegerea posibilităţile oferite de noile tehnologii. Cei care folosesc Web-ul pentru aflarea de 

informaţii, vor găsi în cel de-al doilea capitol câteva sugestii utile pentru eficientizarea 
căutării, 

Cartea poate fi folosită inclusiv ca suport de curs la mai multe discipline universitare sau 
postuniversitare, cum ar interfaţarea om-calculator, tehnologii Web, afaceri pe Web etc. 
CD-ul ataşat cărții facilitează organizarea de lucrări 


practice asociate cursurilor precum şi 
dezvoltarea de aplicaţii. 


Prof.dr.ing. Ştefan Trăuşan-Matu 
RACAI, Academia Română 


PREFAŢĂ 


. A 
Fără îndoială, tehnologiile Internet reprezintă pentru mulţi te - lance al 
informaticii actuale, atât la nivel mondial, cât şi la nivel AU Astfe : ae 
actualmente la apariţia unei largi palete de situri în peisajul We i: ui S le 
situri personale până la cele de conţinut şi de la situri aca pe. ae ia 
comerciale. Din păcate, nu întotdeauna modul de prezentare şi de re aa a 
acestora captează interesul vizitatorului, multe ae situri i tai c 
aparţinând unor organizații sau companii cu renume — E. sei a e n a 
Astfel, motivul principal pentru care am scris cartea de iaţă este | e: S 
celor interesați o privire de ansamblu asupra spaţiului A dă puii rai 
regăsirii informaţiilor, tendinţelor de evoluţie viitoare a Web-ului pi i Ta 
afaceri pe Web - una dintre direcţiile promițătoare ale faima digi i a 
focaliza atenția cu precădere pe etapele de proiectare a situri a Ve | e P p E 
să punem în discuţie o serie de probleme legate de designu i or Su Aa 
asemenea, să oferim diverse soluţii constructive pentru fiecare pi cs a 
acest punct de vedere, a abordate Ga ee ca aparținând ingi 
i, î i chiar ingineriei so ; Pi 
pluta pa al cani. îl reprezintă designul Web, mixtură de ştiinţă, 
rehnică s artă, care a aplicarea unor cunoştinţe teoretice şi practice 
ind din mai multe domenii. Iu 
i pe a software nu se ocupă cu Se ic ile Aa 
ingineria Web nu are în vedere programarea aplicaţiilor We sau lia e paţi isi 
WWW. Aşadar, materialul cărții de faţă nu îşi propune să ie ut Mia FAN ri 
de programare Web ~ descrise de autor în alte cărţi, precum E ogii a 
Matrix Rom, Bucureşti, 2001 sau Programare Web în bash x i itura n n 
laşi, 2002 -, ci se concentrează in principal asupra mo A pi nET 
interacțiune dintre vizitatori şi siturile Web. Una dintre PA pri ie : 
proiectării siturilor este tocmai aceea de a ameliora interfețele Web c S e A 
structurare a informaţiilor, mod de exploatare şi accelerare a încărcării uri . a 
Prin problematica atinsă, cartea de faţă speră să capteze e unei p Š a 
mai diversificate de specialişti angrenațı în activitatea de design Web - i na pa i 
aici pe graficienii, proiectanţii de mijloace de rit taina „pro a 
personalul de testare şi evaluatorii de situri, autorii de manuale 29 pa 
relații cu publicul şi chiar utilizatorii finali. Prin Peen Ie . seat 
caracteristici ale afacerilor pe Web şi ale strategiilor de re cp a situri sg 
electronic, lucrarea poate fi utilă personalului de conducere S i omr sani 
aspiră să fie ori deja este prezentă pe Web. De i alia E, soi P! E 
interes şi pentru specialiştii sau viitorii specialişti în iar E fai e 
precum ştiinţele economice, psihologia sau a i i a a n 
de faţă poate fi un îndrumar, sperăm util, pentru cadrele didactice, ş : 
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interesaţi de proiectarea siturilor Web sau, mai general, de interacţiunea dintre 
utilizatori şi calculatoare. 

Trebuie să menţionăm că o parte din prezentul material este rodul colaborării 
dintre autor şi studenţii care au urmat cursurile de Tehnologii Web şi de Proiectarea 
interfețelor utilizator, desfăşurate în cadrul Facultăţii de Informatică de la 
Universitatea „Alexandru Ioan Cuza” din Iaşi. 

Aşteptăm reacțiile şi observațiile dumneavoastră la adresa Þusaco@infoiasi.ro. 
De asemenea, cititorii sunt încurajați să viziteze situl Web dedicat cărții la 
http: //www.infoiasi.ro/-design/. l 


Structura cărții 


În primul capitol, lucrarea încearcă să contureze o privire de ansamblu asupra 
tehnologiilor Web actuale, descriindu-se pe scurt contextul apariţiei spaţiului 
World-Wide Web şi unii paşi importanţi în evoluţia acestuia şi definindu-se termenii 
fundamentali - precum sit, client şi server, sau hipermedia. Web-ul se bazează pe două 
concepte importante: hipertextul şi modelul client/server, descrise tot în cadrul 
acestui capitol. De asemenea, se prezintă identificatorii uniformi de resurse — URI 
(Uniform Resource Identifiers) — şi protocolul HTTP (HyperText Transfer Protocol). 

Capitolul secund trece în revistă principalele aplicaţii ale Web-ului. Deoarece 
spaţiul WWW reprezintă un imens depozit de date, una dintre problemele impor- 
tante este cea a regăsirit informaţiilor. În întâmpinarea ei se descriu roboții Web şi 
motoarele de căutare, insistându-se pe arhitectura lor internă. O altă direcţie 
promițătoare este reprezentată de realitatea virtuală şi: dë mediile virtuale distribuite — 
subiect dezvoltat în subcapitolul doi. Desigur, evoluţia Web-ului este continuă, iar 
unele direcţii de dezvoltare a tehnologiilor Web - de exemplu, meta-limbajul XML 
(Extensible Markup Language) - sunt descrise la finalul acestui capitol. 

Al treilea capitol profilează o privire generală asupra problematicilor şi tendin- 
ţelor unuia dintre domeniile tinere, importante ale tehnologiilor Web: e-business. 
Sunt detaliate modelele şi categoriile actuale de afaceri pe Web, modalităţile de plată 
electronică, accentuându-se unele aspecte referitoare la comerțul electronic 
(e-commerce). De asemenea, sunt descrise diverse strategii de realizare a siturilor de 
comerţ electronic şi de promovare pe Web a produselor sau serviciilor. 

Nu putem discuta despre proiectarea siturilor fără a menţiona limbajul de 
marcare HTML, indispensabil în conceperea de pagini Web. Capitolul al patrulea 
prezintă principalele caracteristici ale acestui limbaj şi oferă de asemenea detalii 
privitoare la redactarea foilor de stiluri în cascadă - CSS (Cascading Style Sheet). Un 
subcapitol final este dedicat extensiilor CSS pentru navigatorul Internet Explorer. 

Capitolul al cincilea are misiunea de a aprofunda subiectul principal” al cărții: 
proiectarea siturilor Web. Acest proces va fi urmărit şi detaliat din perspectiva mai 
multor etape: stabilirea scopului şi obiectivelor, proiectarea interfeţei Web, 
proiectarea globală a sitului, proiectarea paginilor individuale, designul conţinutului 
(textul, grafica şi multimedia). Pentru îndeplinirea fazei de proiectare a sitului vor fi 
avute în vedere următoarele: organizarea. informaţiilor, structurarea sitului în 
ansamblu, analizarea principalelor elemente äle sitului şi organizarea instrumentelor 
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de navigare. În ceea ce priveşte proiectarea paginilor Web, vor fi detaliate, printre 
altele, diverse strategii de captare a atenţiei vizitatorilor şi de asigurare a consistenței 
informațiilor. Capitolul se încheie cu o serie de sfaturi destinate dezvoltatorilor de 
situri Web. . | s 2 

La finalul volumului, cititorii au la dispoziție un glosar de termeni folosiți în 
contextul proiectării Web şi o listă de acronime uzuale. 


Conţinutului CD-ului 


În sprijinul proiectanţilor de situri Web - atât a novicilor, că şi a Rai în 
experienţă mai largă -, cartea este însoţită de un CD-ROM conţinând exemp a = 
cod-sursă prezentate în lucrare, plus o serie de documentații suplimentare, în lim E 
română şi engleză, privitoare la aspectele principale ale tehnologiilor Web actuale 
(e.g: HTML, CSS, designul Web, XML, WAP sau realitatea virtuală) ~ specificaţii 
oficiale, tutoriale şi manuale. | E 

De asemenea, printre atracțiile CD-ului se enumeră aplicaţiile şi programele 
utilitare incluse, disponibile pe platformele Windows şi Linux, folositoare tuturor 
dezvoltatorilor de situri. Se pot aminti, de exemplu, navigatoare şi servere Web, 
servere sau medii de dezvoltare a aplicaţiilor - PHP, Perl, Java -, inclusiv serverul de 
baze de date MySQL, editoare de cod-sursă HTML, CSS sau WML, aplicaţia eZ 
Publish pentru dezvoltarea de situri de comerț electronic, utilitare de vizualizare şi 
procesare de fişiere grafice, programe pentru analiza fişierelor XML, pentru 
promovarea şi validarea siturilor etc. 'Toate aceste aplicaţii sunt disponibile în regim 

-source, freeware sau shareware. SP 

E Dal iu şi diverse colecţii de pictograme, imagini de fundal şi alte 
ornamentaţii grafice, folositoare mai ales începătorilor în designul Web. Sunt oferite 
şi trei modele de situri complete, dintre care se poate aminti situl cursului de 
Tehnologii Web ţinut de autor în anul universitar 2001/2002. De asemenea, sunt puse 
la dispoziţie diferite capturi-ecran comentate de situri prezentând erori de proiectare. 


Exprimăm  gratitudinea noastră unor numeroşi absolvenţi ai Facultăţii de 
Informatică din laşi, mai cu seamă colaboratorilor Ionuţ Aivănesei, Silviu Cristea, 
Octavian Dospinescu, Daniel Dumitriu şi Gabriel Enea, ale căror contribuţii se 
regăsesc în unele capturi-ecran sau explicaţii. Cartea de faţă nu ar fi ajuns la forma 
actuală fără suportul venit din partea colegilor şi totodată prietenilor Dragoş 
Acostăchioaie, Mihaela Brut şi Ştefan Tanasă. Nu în ultimul rând trebuie să 
mulţumim studenţilor Ștefan Gherasă, Alexandrina Orzan, Cristian Puşcaşu şi 
Alexandru Țânţar. RA | — A 

La realizarea conţinutului CD-ului au participat si Ionut Aivănesei, Cristian 
Grămadă, Emilia Mătel, Valentin Creţu şi Ștefan Tanasă. Le mulţumim pe această 
cale pentru ajutor şi pentru interesul arătat tehnologiilor Web de-a lungul anilor. 

De asemenea, suntem recunoscători părinţilor noştri pentru întregul sprijin acordat. 


Autorul 
Iaşi, octombrie 2002 


1. SPAŢIUL WORLD-WIDE WEB 


Lucrul cel mai important nu este numărul de idei adunate 
în mintea ta, ci legătura care le uneşte. (Titu Maiorescu) 


Prezentul capitol expune principalele concepte şi tehnologii pe care se 
bazează spaţiul World-Wide Web. Pornindu-se de la un scurt excurs istoric 
şi de la prezentarea principalelor concepte pe care se bazează Internetul şi 
cel mai spectaculos serviciu al acestuia - Web-ul -, se continuă cu definirea 
şi caracterizarea hipertextului, discutându-se apoi principalele convenţii de 
localizare a resurselor Internet. În încheiere se prezintă principalele 
caracteristici ale protocolului HTTP. 


1.1 Fundamente şi istoric 


Conceptul esenţial al spaţiului World-Wide Web îl reprezintă conceptul de 
comunicare, pe care de altfel se bazează orice reţea de calculatoare. Înainte de a defini 
spaţiul World-Wide Web, trebuie precizat ce înseamnă o reţea de calculatoare, 
respectiv Internetul. z8 

O rețea de calculatoare reprezintă un ansamblu de calculatoare independente 
capabile să comunice între ele prin intermediul unor canale de comunicație. Aşadar, 
o reţea poate fi privită drept o colecţie de calculatoare autonome interconectate. 

Luat în sine, Internetul este o reţea de reţele, prin care utilizatorii unui calculator 
sau ai unei reţele pot accesa diverse sisteme aparţinând altor reţele. 

Precursorul Internetului, ARPAnet (Advanced Research Projects Agency network) a 
fost dezvoltat la sfârşitul anilor '60 şi începutul anilor '70 de Departamentul de 
Apărare al Statelor Unite ca experiment în plin război rece, după lansarea primului 
satelit artificial, Sputnik. De la început, utilizarea reţelei în scopuri academice şi 
pentru comunicaţii ştiinţifice a condus la o oarecare îndepărtare de scopul iniţial — 
folosirea exclusivă în medii militare. Prima demonstraţie publică a reţelei ARPAnet 
a avut loc în 1972, şi a fost soldată cu un neaşteptat succes, în ciuda scepticismului 
dezvoltatorilor ei. Acest aspect a stimulat activitatea de cercetare, apărând curând 
noi reţele, iar programatorii fiind încurajați să adauge noi facilităţi sistemului de 
operare Unix folosit la interconectarea reţelelor. Astfel, în mediul prielnic oferit de 
sistemul de operare Unix, au fost dezvoltate în această perioadă primele protocoale 
de comunicaţie, culminând în 1974 cu suita de protocoale TCP/IP (Transmission 
Control Protocol/Internet Protocol. Meritul acesteia este acela de a furniza o 
modalitate universală de comunicare între rețelele de calculatoare, utilizată şi în 
prezent pentru conectarea prin Internet. 
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În anul 1980, NSF (National Science Foundation) reproiectează modelul ARPAnet, 
transformându-l într-o reţea modernă, noua arhitectură primind numele de 
Internet, interconectând la început super-calculatoare guvernamentale, instituţii 
academice şi centre de cercetare şi utilizând suita standard de protocoale de 
comunicaţie reprezentată de TCP/IP (Transmission Control Protocol/Internet 
Protocol). În anii care au urmat, Internetul s-a dezvoltat spectaculos, într-o manieră 
exponențială, poate şi datorită apariţiei unei varietăţi de furnizori de servicii Internet 
comerciale, la nivel mondial, mai ales în cursul anilor *90, În România, o dezvoltare 
accentuată a Internetului, la toate nivelurile, s-a produs începând cu anii 1993-1994, 
dar mai ales după 1996. Astfel, conform unei statistici efectuate de RNC (Reţeaua 
Naţională de Calculatoare din România), în 1993 erau active numai două domenii, în 
anul 1997 numărul acestora fiind de 526, pentru ca, la mijlocul anului 2001, să fie 
înregistrate în jur de 10 mii de domenii active. 

De reţinut faptul că Internul nu este proprietatea nici unei persoane sau 
organizaţii, aflându-se sub coordonarea unor societăţi independente, constituite din 
voluntari, dintre care se pot aminti ISOC (Internet Society) sau IETF (Internet 
Engineering Task Force). 

Serviciile tradiţionale ale Internetului se rezumau în anii '80 la poşta electronică 
(e-mail), accesul la grupuri de ştiri (usenet), conectare la distanţă (telnet) şi transfer de 
fişiere (FTP). In 1990-1991 apar două noi servicii: Archie, utilizat pentru căutarea 
fişierelor pe Internet, şi Gopher, structură de meniuri ierarhizate facilitând organi- 
zarea documentelor pe Internet. l 

"De notat faptul că funcţionarea Internetului este reglementată de o serie de 
documente disponibile în cadrul colecţiei globale RFC (Reguest For Comments). O 
parte dintre aceste documente specifică arhitectura şi standardele protocoalelor de 
comunicaţie existente. Documentele RFC cele mai importante sunt disponibile şi pe 
CD-ul care însoţeşte cartea de față. 


Cercetare 
Comunicare 
Educație 


Divertisment 


Stiri, informații financiare 


Cumpărături on-line 


Discuţii (chat) on-line 


Căutarea unui loc de muncă 


Domeniile de utilizare a Internetului în anul 2001 (în procente) 


Spaţiul World-Wide Web își 


1.1.1 Începuturile Web-ului 


Unul dintre cele mai importante şi de succes servicii ale Internetului, World-Wide 
Web-ul - mai pe scurt Web sau spaţiul WWW -, a fost instituit la CERN (Centre 
Européen pour la Recherche Nucléaire - Centrul European de Cercetări Nucleare de la 
Geneva) în anul 1989, graţie fizicienilor Tim Berners-Lee, Robert Caillau şi echipei 
acestora, scopul principal urmărit fiind facilitarea accesului rapid la informaţiile 
tehnice cuprinse în manualele de utilizare a calculatoarelor. Robert Caillau 
accentuează faptul că istoria fiecărei mari invenţii se bazează pe multe evenimente 
anterioare. În cazul Web-ului, două mari direcţii precursoare trebuie menţionate: 
dezvoltarea bipertextului (sau a procesării computerizate a documentelor electronice 
complexe) şi dezvoltarea protocoalelor Internet care au făcut posibilă comunicarea 
globală dintre rețelele de calculatoare. 

Data de 12 noiembrie 1990 este considerată ziua de naştere oficială a Web-ului. 
CERN devine astfel cel mai dezvoltat nod Internet al Europei. 

Web-ul reprezintă un sistem de distribuţie locală sau globală a informaţiilor 
hipermedia. Din punct de vedere tehnic, spaţiul Web pune la dispoziţie un sistem 
global şi standardizat de comunicare multimedia, informaţiile fiind organizate 
asociativ şi distribuite în funcţie de cererile utilizatorilor, funcţionând conform 
modelului client/server. Web-ul, cu toată dezvoltarea lui spectaculoasă, nu trebuie 
confundat cu Internetul, ci poate fi considerat drept cea mai dinamică şi spectacu- 
Joasă componentă software a acestuia, neputând exista fără infrastructura hardware a 
reţelelor mondiale interconectate prin intermediul protocoalelor TCP/IP. 

Dezideratele principale ale sistemului propus de Tim Berners-Lee erau: 


accesul la distanţă într-o reţea, acceptându-se diverse tipuri.de conexiuni; 
accesul la o multitudine de surse de informaţii stocate într-o varietate de 
forme (text, grafică, sunet etc.) cu ajutorul unor tipuri diferite de sisteme de 
operare situate pe diferite platforme hardware; l 

* capabilități de extindere şi dezvoltare în ceea ce priveşte aria de acoperire prin 
creşterea numărului de legături, fără existenţa unui control central. 


Tim Berners-Lee concepe, de asemenea, prima aplicaţie Web - un server Web 
rulând pe calculatoare NeXT. În noiembrie 1990, Nicola Pellow începe să dezvolte 
un navigator (browser) text, care, la sfârşitul aceluiaşi an va deveni disponibil în 
cadrul CERN. Primul client grafic permiţând vizualizarea de documente WWW a 
fost World Wide Web. 

Funcţionalitatea sistemului a fost demonstrată Comitetului CERN şi partici- 
panţilor la conferinţa Hypertext '91. În perioada care a urmat, CERN a investit 
multă energie în susţinerea spaţiului WWW, tot mai multe organizaţii instalându-şi 
propriile servere Web şi punând la dispoziţie în mod gratuit diferite informaţii 
tuturor utilizatorilor din Internet. 

Dezvoltarea ulterioară a Web-ului a fost facilitată de programul Mosaic (de la 
NCSA - Centrul Naţional pentru aplicaţiile supercalculatoarelor, Universitatea 
Urbana-Champaign), rulând sub mediul XWindow (Unix). Acest navigator - 
elaborat în principal de Marc Andreesen - era foarte simplu de folosit şi poseda 
facilităţi multimedia, fiind furnizat gratuit pe Internet începând cu anul 1993. 
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Ulterior, Marc Andreesen fondează compania Netscape Communications, speciali- 
zată în realizarea de aplicaţii destinate Web-ului. l 

În 1994 s-a constituit Consorţiul Web, avându-l ca director pe Tim Berners-Lee. 
Consorţiul Web este o organizaţie non-profit aflată sub îndrumarea directă a 
Institutului de Tehnologie din Massachusetts (MIT -~ Massachusetts Institute of 
Technology) şi a Institutului Naţional de Cercetări în domeniul Inteligenţei 
Artificiale (NRIA - L institute national de recherche en Intelligence Artificielle) din 
Franţa, cu aportul Universităţii Keio din Japonia. Principala sa activitate constă în 
elaborarea, dezvoltarea şi menţinerea standardelor pentru Web. Actualmente, 
Consorţiul Web însumează peste 500 de membri, atât organizaţii academice, 
corporaţii comerciale, cât şi persoane particulare. 


1.1.2 Clienţi şi servere Web 


În prezent, pentru a avea acces la WWW, utilizatorii trebuie să folosească un 
program client - cunoscut sub denumirea de navigator - şi, bineînţeles, să cunoască 
localizarea fizică a documentelor dorite (adresa acestora). Există actualmente o 
multitudine de navigatoare, alături de bine cunoscutele Netscape Communicator şi 
Internet Explorer - rulând în medii grafice precum Windows, XWindow (Unix) sau 
Apple - numărându-se mule altele, chiar dacă nu atât de populare: Opera, Lynx sau 
Links (ultimele două rulând doar în mod text, fiind disponibile mai ales sub Linux). 
Principalele caracteristici ale navigatoarelor Web grafice sunt: 


posibilitatea de a realiza interogări multiple către serverele Web; 
asigurarea securităţii transipiterilor de date (eg: în cazul comerţului electronic 
sau pentru accesarea unor informaţii pe bază de autentificare); 

e suport pentru aplicaţii menite să extindă funcţionalitatea navigatorului. O 
astfel de extensie este denumită de cele mai multe ori plugin, putând fi 
configurată şi exploatată de către utilizator pentru accesarea unor tipuri 
speciale de date (e.g.: lumi virtuale modelate în VRML); 

e stabilirea de liste de adrese ale unor situri Web favorite şi oferirea posibilităţii 
de a avea acces la istoricul navigării (mecanismul de history); 
posibilitatea de a folosi mai multe ferestre (independente sau nu) de navigare; 
suportul pentru cadre (frame-uri) sau vederi multiple în interiorul unei 
aceleiaşi ferestre; 

e posibilitatea configurării de către utilizator a unor caracteristici ale modurilor de 
afişare, navigare şi exploatare (stabilirea preferințelor utilizatorilor); 

e asigurarea suportului pentru diverse limbaje de programare folosite la 
realizarea de documente Web dinamice (î.e. Java sau JavaScript), pentru foi de 
stiluri ataşate datelor (în vederea îmbunătăţirii modului de afişare) sau pentru 
stocarea datelor în mai multe limbaje de marcare (HTML, XHTML, limbaje 
bazate pe XML etc.); 

e integrarea unor aplicaţii facilitând accesul la alte servicii Internet (poşta 
electronică, transferul de fişiere, grupurile de ştiri) sau Web (precum căutarea 
de informaţii, afişarea de noutăţi, accesarea în timp-real a programelor de 
radio sau televiziune etc.). 
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O versiune a navigatorului Netscape rulând în mediul XWindow (sub Unix) 


După cum se poate observa, Web-ul se bazează pe modelul de programare 
client/server care divide aplicaţiile de reţea în două părţi: partea de client şi cea de 
server. Prin definiţie, clientul (în cazul nostru denumit şi navigator sau agent-utilizator 
Web) solicită servicii (informaţii) de la componenta server. Serverul răspunde aşadar 
cererilor clienţilor. pe bd | 

Modul de dialogare între clienţi şi servere se realizează prin intermediul unei 
mulţimi de reguli de comunicare prin rețea denumită protocol. În cazul Web-ului, 
acest protocol este HTTP (HyperText Transfer Protocol). HTTP reprezintă un 
protocol bazat pe stiva de protocoale TCP/IP. HTTP a Început să fie proiectat și 
folosit din anul 1990, dezvoltându-se împreună cu spaţiul WWW. În prezent, este 
utilizată versiunea HTTP/1.1 care oferă funcţionalităţi suplimentare, ca de exemplu 
suport pentru identificatori uniformi de resurse - URI (Uniform Resource Identifier). 
Aceşti identificatori specifică adresele Web ca locație (prin URL - Uniform Resource 
Locator) sau prin nume (URN - Uniform Resource Name). Identificatorii uniformi de 
resurse reprezintă o modalitate flexibilă şi eficientă de accesare a oricărei resurse 
Internet, prin oricare protocol de comunicare. Încorporând suport pentru transferul 
de poştă electronică, transferul de fişiere sau accesul la grupuri de ştiri, HTTP este de 
asemenea utilizat şi ca protocol generic pentru comunicarea intre agenţii-utilizator 

(navigatoare, roboţi Web etc.) şi alte sisteme disponibile pe Internet. În acest mod, 
HTTP permite accesul la resurse disponibile din diverse aplicaţii. Pentru mai multe 
amănunte privind protocolul HTTP, vezi subcapitolul 1.4. 
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Ca orice serviciu Internet bazat pe modelul client/server, Web-ul trebuie să 
includă o multitudine de servere Web. Cele mai cunoscute servere Web sunt 4 pache, 
Netscape Enterprise Server, Sun Web Server, Microsoft Internet Information Server, 
Stronghold, Jigsaw (disponibile pe diverse platforme, în special Unix). Un studiu 
recent efectuat de compania Netcraft Inc. situează Apache pe primul loc pe piaţa 
serverelor Web, cu un procent de peste 55% - pentru informaţii suplimentare 
recomandăm a se consulta adresa http: //www.netcraft.com/ survey. 


1.1.3 Situri Web 


Calculatorul pe care rulează un server Web şi care găzduieşte o serie de pagini 
(documente) WWW înrudite - ale unei organizaţii, companii sau persoane — se mai 
numeşte şi sit (site). Această colecţie este orientată de obicei către anumite informaţii 
unitare sau scopuri comune. 

Există două tipuri majore de situri Internet: 


e situri Web - seturi de pagini Web corelate şi resursele la care se referă acestea; 
e situri FTP - servicii configurabile care furnizează acces la fişiere publice 
(documentaţii, programe, informaţii) prin intermediul protocolului FTP. 


` Un sit Web are asociată în general o adresă vizibilă oricărui utilizator din Internet 

(eg: www. infoiasi. ro reprezintă adresa sitului Facultăţii de Informatică din Iaşi). 

Un server Web poate gestiona simultan mai multe situri, oferind aşa-numita 
găzduire virtuală (virtual hosting). Acest lucru este util în situaţia în care o anumită 
organizaţie îşi menţine situl Web pe un alt server (e. &: pe serverul unui distribuitor 
de servicii Internet — Internet Service Provider). 

Potrivit surselor RNC, în România existau peste 8.200 de situri active la înce- 
putul anului 2001, numărul total de domenii . ro înregistrate fiind de peste 26.000, 

Un caz particular de disponibilitate a unui sit Web este în cadrul unui intranet, 
adică în cadrul unei rețele interne - proprii unei companii sau organizaţii - care 
foloseşte tehnologiile Internet.. Situl Web dintr-un intranet nu este accesibil 
persoanelor din exteriorul organizaţiei proprietare, ci doar membrilor acesteia. Din 
acest punct de vedere, intranetul poate fi privit ca fiind un mini-Internet, restrâns la 
nivelul unei rețele locale. Companiile care s-au slujit de facilităţile intranetului au 
înregistrat economii importante datorită. accesului rapid la date şi aplicaţii, 
comparativ cu problemele şi costurile ce ar fi fost implicate de distribuirea în scris a 
acestora în interiorul corporației. 

Un sit Web poate fi disponibil şi în cadrul extranetului - o extindere a facilităţilor 
intranetului prin mijlocirea comunicaţiilor între intraneturile a două sau mai multe 
organizaţii. Avantajele cele mai atrăgătoare sunt cele din domeniul afacerilor pe 


Internet, în sectorul business-to-business (B2B), subiect pe care îl vom dezvolta în 
capitolul 3. 
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1.1.4 Hipermedia 


Alături de situl Web, al doilea concept important pe care s-a putut construi Web-ul 
este cel de multimedia. În esenţă, multimedia reprezintă o sumă de diverse medii de 
comunicare: statice (text, imagini sub formă de fotografii, diagrame sau grafice) şi 
dinamice (sunet, animaţie, filme). Dacă la acest conţinut informaţional se adaugă şi 
capabilități de a realiza diverse legături (relaţii) între părţile componente ale 
documentelor multimedia, ceea ce rezultă se numeşte hipermedia sau hipertext 
(termen apărut în anul 1965, în urma cercetărilor întreprinse de personalităţi precum 
Vannebar Bush, Douglas Engelbart şi Ted Nelson), concept care va fi detaliat mai jos. 


1.1.5 Formatarea documentelor Web 


Un document Web dorit a fi accesat trebuie în prealabil formatat (sau marcat) cu 
ajutorul unui limbaj special, denumit HTML (HyperText Markup Language). 
Principalul autor al limbajului este Dan Connolly, experiența sa în utilitare de 
documentare on-line şi sisteme formale ajutându-l să dezvolte specificaţia originală a 
imbajului HTML. 
ga HTML provine din cea a meta-limbajului SGML (Standard Generalized 
age), standardizat în anul 1996. 
i ati a Mc HTML 2.0 (IETF REC 1866) care include abilităţi de afişare 
mai precisă a imaginilor, utilizarea de formulare electronice, tabele, tipuri de legături etc. 
HTML 2.0 permite dezvoltarea masivă a Web-ului, fiind suportat fără restricţii de 
toate browserele WWW moderne. În fapt, standardul HTML 2.0 nu face altceva 
decât să pună în ordine anumite facilităţi practice apărute începând ca anul 1994. 
Netscape va extinde o parte dintre specificaţiile HTML 2.0, adăugând în 1996 o serie 
de marcaje utile şi constituind versiunea foarte populară Netscape Navigator 2.0. 
Versiunea HTML+ s-a dorit a fi o încercare de extindere a limbajului HTML, publi- 
cată de Dave Raggett în 1993 şi prezentată un an mai târziu la prima conferinţă Web. 
O extensie a HTML + a fost versiunea HTML 3.0, aceasta nefiind însă niciodată 
standardizată. Ea a fost propusă de Consorţiul Web cu scopul de a impulsiona 
alcătuirea unui standard viabil al limbajului HTML şi de a ghida conceperea de 
ini Web. 
S luna iulie 1996, Consorţiul Web anunţă oficial standardul HTML 3.2, perfect 
compatibil cu HTML 2.0, dar conţinând specificaţii suplimentare pentru tabele, 
imagini şi applet-uri. În ianuarie 1997, standardul a fost aprobat, fiind suportat de 
toate navigatoarele. | | 
Proiectanţii de navigatoare (e.g.: Netscape şi, ulterior, Microsoft) au implementat 
diferite facilităţi care nu apar definite de nici un standard HTML. De exemplu, 
Netscape Navigator 3.0 oferea - la data lansării sale — posibilităţi de adăugare direct 
în paginile Web a unor elemente multimedia, fundaluri reprezentate de imagini sau 
cadre (frames) etc., care nu apăruseră încă în specificaţiile HTML, plus suport pentru 
script-uri JavaScript interpretate direct de către client. ai pd e 
Următoarea versiune HTML este standardul HTML 4.0, apărut în anul 1997 și 
apoi reactualizat la finalul anului 1999 (varianta HTML 4.01) care oferă suport 
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pentru accesarea paginilor Web din partea persoanelor cu handicap, foi de stiluri 
interne, suport lingvistic şi pentru formule matematice, tratarea evenimentelor etc. 

Versiunile actuale ale celor mai cunoscute navigatoare (Netscape Communicator, 
Internet Explorer şi Opera) suportă standardul HTML 4. 

Pentru a asigura fiabilitatea şi corectitudinea comunicaţiilor pe WWW, 
Consorţiul Web a introdus HTML Validation Service (serviciu disponibil la adresa 
http: //validator .w3 .org/) care verifică dacă un anumit document se confor- 
mează standardului HTML 4.0. 

Ultima direcţie de standardizare este cea a rescrierii limbajului HTML în 
termenii meta-limbajului extensibil XML (Extensible Markup Language), pentru a-i 
spori flexibilitatea şi a le oferi proiectanţilor de aplicaţii Web o mai mare 
adaptabilitate. Astfel, HTML 4.01 este urmat de XHTML 1.0, standardizat în luna 
ianuarie 2000, Standardul actual este XHTML 1. 1, recomandarea secundă a 
Consorţiului Web intrând în vigoare din luna august 2002. De asemenea, în prezent, 
la Consorţiul Web se lucrează la versiunea XHTML 2.0. 

Marcajele XHTML descriu structura logică a documentului, urmând a fi 
procesate de către programul client (de cele mai multe ori, un navigator). Un astfel 
de document poate cuprinde legături de tip hipertext, indicate prin zone de text sau 
imagini, conducându-l pe utilizator fie în al punct al aceluiaşi document, fie într-un 
alt document, care poate să se găsească stocat local (pe serverul curent) sau la distanță 
(pe oricare alt sit Web din lume). Un document marcat se numeşte pagină Web. 
Documentele pot include elemente multimedia variate datorită facilităţilor puse la 
dispoziţie de diferitele versiuni ale limbajului HTML care prevăd inserarea de imagini 
(formate grafice precum GIF, JPEG sau PNG), fişiere audio (MIDI, WAV ori MP3) 
şi video (AVI, ATF, MPEG), precum şi alte informaţii în formate proprietare sau nu 
(e. 8. arhive, documente PDF, animații Flash, lumi virtuale VRML). 

Îmbinarea dintre marcajele XHTML şi diverse coduri scrise în alte limbaje de 
programare (JavaScript, VBScript, Java - pe partea client; C/C++, Peri, PHP, Java 
ori C# - pe partea server) conferă Web-ului interactivitate şi dinamism, caracteristici 
exploatate mai ales de agenţii mass-media sau de diverse companii comerciale, 

Aceste legături încrucişate între sutele de mii de situri Web realizează o adevărată 
pânză de păianjen (web) planetară (world-wide) de unde provine şi denumirea WWW, iar 
utilizatorul navighează prin ciberspaţiul reprezentat de această reţea complexă. 

În ultimii trei-patru ani, Web-ul s-a dezvoltat exploziv, asimilând şi un nou 
aspect: nu se rai limitează la schimbul de informaţii ştiinţifice între cercetători, ci a 
devenit domeniu public, extinzându-se foarte mult în lumea afacerilor. Astfel, 
Web-ul poate fi considerat segmentul Internet cu cea mai rapidă dezvoltare: în timp 
ce Internetul se dublează la fiecare 100 de zile, Web-ul numără deja două miliarde de 
pagini WWW. 

Dacă Internetul este o reţea de reţele, formată din calculatoare şi medii de 
transmisie care transportă pachete de date de la un câlculator la altul, Web-ul 
reprezintă un spaţiu abstract de informaţie. Pentru Internet, conexiunile sunt 
reprezentate de canalele de comunicaţie (cu fir sau fără fir) între calculatoare, iar pe 
Web conexiunile sunt ilustrate prin legături hipertext. Web-ul există datorită 
aplicaţiilor care asigură comunicarea în cadrul Internetului şi a făcut din Internet un 
spaţiu public, lipsit de constrângeri, universal şi uşor de utilizat. 
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1.2 Conceptul de hipertext 


1.2.1 Motivaţie 


Înainte de apariţia şi dezvoltarea calculatoarelor, stocarea informaţiilor se realiza fie 
în creierul uman, fie - sub formă scrisă, ulterior, tipărită - pe hârtie, în cărţi şi pe 
alte materiale. , a 
Calculatoarele oferă soluții complexe pentru stocarea, într-un volum fizic redus, 
a unei cantităţi considerabile de informaţii. Mai mult, similar memoriei ra 
informaţiile pot fi menținute în formă structurată, pot fi actualizate uşor şi, în plus, 
găsirea datelor de interes este facilitată de existenţa unei serii de instrumente 
software sofisticate. De asemenea, accesul la informaţie al unui număr tot mai mare 
de utilizatori este extins la nivel mondial prin interconectarea calculatoarelor în 


reţele cu acoperire planetară. SR | | _ 
Indiferent de metoda de stocare, formele principale de organizare a informaţiilor 


sunt: | p z 
e organizarea liniară ~ informația trebuie parcursă În ordine, de la început x 
la sfârşit, pentru a putea obține o privire de ansamblu asupra e e 
exemplu, un roman sau un eseu clasic nu pot fi citite decât în ordinea stabilită 
de autor. Similar, pentru o piesă muzicală (eg: concert); iai 
e organizarea ierarhică ~ informaţiile se organizează arborescent, pe î uri 
(pentru cazul textului, în capitole, subcapitole, secţiuni, paragrafe etc.). 
Cititorul are posibilitatea de a se menţine la niveluri mai generale sau poate 
parcurge doar acele informaţii care i se par mai atractive, prin parcurgerea 
doar a unor ramuri din arborele în care este organizată informaţia în 
ansamblu. Ordinea de parcurgere în acest caz nu mai este atât de strictă faţă de 
cazul anterior. Un exemplu tipic este ziarul: cititorul poate citi numai 
articolele care îl interesează sau chiar numai titlurile (eventual subtitlurile) 
e EEN asociativă — informaţiile se stochează în reţele de informaţii, într-o 
formă similară celei oferite de memoria umană. Cititorul are posibilitatea de a 
căuta direct un anumit subiect, iar informaţiile au ataşate referiri la altele (eg: 
trimiteri în josul paginii, la bibliografie sau la anexe). Ca exemple tipice 
putem menţiona enciclopediile şi dicționarele sau tratatele ştiinţifice, 


Cercetătorii consideră că memoria noastră de lungă durată este de "ip asociativ. 

A s A {x pa 
i i rea se realizează prin 
Cunoştinţele dobândite sunt strâns legate de altele, iar învățarea i p E 
asocierea noţiunii noi de cele „ştiute”, vechi. Această organizare, în rețea, a 
informaţiilor se dovedeşte extrem de versatilă, depinzând şi de diverşi factori 
sihologici sau fizici. | j , E 
i După cum se poate constata, cea mai adecvată formă de organizare computerizată 

A gi . RE 

a informaţiilor este cea asociativă. În termeni informatici aceasta poartă denumirea 


de bipertext. 
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1.2.2 Definiţii şi pionieri 


În anul 1965, Ted Nelson propune în premieră termenul ipertext (text non-linear), 
definindu-l drept „material scris sau grafic interconectat într-o manieră complexă 
care în mod convenţional nu poate fi reprezentat pe hârtie. El poate include 
cuprinsuri ale propriului său conţinut şi relaţiile dintre diverse părţi componente; 
poate de asemenea conţine adnotări, adăugiri şi note de subsol pentru cei care doresc 
să-l examineze”. Termenii hipertext şi bipermedia tind să fie consideraţi similari. 

Definiţiile hipertextului s-au diversificat ulterior, printre cele mai frecvențe 
enumerându-se următoarele: 


e Hipertextul reprezintă o formă neliniară de document electronic. 

e  Hipertextul este o metodă de organizare complexă a informaţiilor în care 
datele sunt memorate într-o reţea de noduri şi legături. Această reţea poate fi 
parcursă prin intermediul navigatoarelor interactive şi manipulată de un 
editor structural. 

e Hipertextul denotă o tehnică pentru organizarea informaţiei textuale într-o 
manieră sofisticată, neliniară, în vederea facilitării explorării rapide a unei 
cantităţi mari de cunoştinţe. 

e“ Hipertextul reprezintă o formă de comunicare dintre om şi calculator, 
interfaţa fiind chiar hipertextul. i 


În cazul în care locul informaţiilor text este luat de cele multimedia, atunci 
documentele hipertext se numesc hipermedia. 

Pentru a vizualiza informaţiile memorate în nodurile reţelei, utilizatorul va folosi 
o interfaţă reprezentată de cele mai multe ori de un navigator hipertext, având 
capacitatea de a traversa legăturile stabilite între nodurile reţelei. 

Ideea de a reprezenta printr-o modalitate neliniară mai multe tipuri de medii de 
comunicare este însă mult mai veche. Începuturile hipertexrului apar într-un articol 
publicat în iulie 1945 de Vannebar Bush, profesor la MIT, articol purtând titlul „As 
We May Think”. Aceasta descrie o maşină - MEMEX (MEMory EXtended) — menită a 
ajuta omul în cadrul procesului de memorare, pe baza asociaţiilor dintre conţinut şi 
formă. 

O altă personalitate implicată în dezvoltările de început ale multimediei este 
Douglas Engelbart, dezvoltator al revoluționarului proiect Augment. Acest proiect 
deschide o direcţie importantă de cercetare imediat după ce este prezentat la Fall 
Joint Computer Conference în 1968. La această conferinţă Engelbart ilustrează în 
premieră următoarele idei inovatoare şi invenţii: mouse, ferestre multiple pe ecranul 
computerului, facilităţi de procesare de texte şi hipertexte, poştă electronică, 
teleconferinţe, documente compuse din text şi grafică, limbaje de comandă de tip 
script, interfeţe grafice. 

A treia figură importantă este Ted Nelson, inventatorul termenului hipermedia şi 
al unui sistem hipermedia denumit Xanadu. Ideea de bază a acestui proiect era aceea 
de a concepe un sistem care să conţină întreaga literatură universală, plus alte 
informaţii, într-un singur depozit de date. Desigur, actualmente, Xanadu a fost 
depăşit de ceea ce înseamnă Web-ul, dar multe dintre ideile de pionerat ale lui 
Nelson se regăsesc în cadrul WWW şi a altor sisteme hipermedia actuale. 
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Maşina MEMEX propusă de precursorul bipertextului, Vannebar Bush 


Avantajele principale ale hipertextului faţă de textul tipărit sunt următoarele: 


e forma neliniară a hipertextului oferă posibilităţi eficiente de parcurgere a 

conţinutului; 

mediile electronice pot stoca o cantitate impresionantă de informaţii în 

` diferite formate; 

DE ară ad AP : ; ` ; z 

e” ţinându-se cont de specificaţiile utilizatorilor, hipertextul oferă o mai bună 
vizualizare a conţinutului şi o navigare rapidă, oricât de complexe ar fi 
documentele; . ÎN 

e sistemele hipertext oferă posibilitatea ca interogările, filtrările, diversele preferinţe 
şi adnotările utilizatorilor să fie refolosite ori de câte ori este necesar, putând 
fi stocate în cadrul structurii hipertext a documentelor utilizate. 


Un alt avantaj major este asigurarea independenţei de platforma hardware şi 
software, formatele proprietare conducând la greutăţi de navigare, căutare sau 
întreţinere. Din moment ce nodurile pot conţine informaţii multimedia, sistemele 
hipermedia trebuie să fie suficient de flexibile pentru a suporta o multitudine de 
formate grafice, audio şi video. De asemenea, sistemele hipertext au posibilitatea de a 
păstra un istoric al parcurgerii informaţiei. 

Principalele probleme pe care le întâmpină informaticienii în privinţa 
hipertextului sunt cele legate, în principal, de: 


e conversie (în general automată) a textului liniar în formă hipertext şi - reciproc — 
liniarizare a hipertextului, 

e proiectare (design) a documentelor hipertext; 

e accesare concurentă a bazelor de date hipertext în context distribuit; 

e găsirea unor modalităţi optime pentru căutarea şi interogarea în manieră 
inteligentă a informaţiilor hipertext; 
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e suport al extensiilor multimedia; 


e prezentare a documentelor hipertext într-o formă uşor de parcurs de către 
utilizatori. 


Tehnicile hipertext (hipermedia) pot fi utilizate în diverse aplicaţii precum cărţi 
electronice, enciclopedii, sisteme on-line de ajutor, sisteme de învăţare asistată de 
calculator (CAL - Computer-Aided Learning), scriere colaborativă de documente 
chioşcuri informaţionale interactive, sisteme decizionale etc, 


Instantaneu din enciclopedia hipermedia dedicată lui Mihai Eminescu 


În prezent există o serie de sisteme hipertext operaţionale dintre care se pot aminti 
Hyperwave, Microcosm, Storyspace, Webthing şi, desigur, spaţiul World-Wide Web. 


1.2.3 Ingredientele hipertextului 


Conceptele centrale pe care se bazează hipertextul sunt nodurile şi legăturile. 

Un nod reprezintă, frecvent, un concept unic (o idee), având în componenţă 
informaţii de tip text, grafică, animaţie, audio, video sau programe. Un nod poate 
avea asociat un tip care înglobează o informaţie semantică. Nodurile sunt conectate 
la alte noduri prin intermediul legăturilor. Nodul sursă al unei legături poartă 
numele de referință, iar nodul destinaţie se numeşte referent. Nodurile referinţă şi 
referent sunt denumite şi ancore. Conţinutul unui nod se afişează la activarea 
(urmarea) legăturii. 
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Modalitatea de memorare a informaţiilor în cadrul nodurilor variază de la sistem 
la sistem, dar cele mai folosite tehnici sunt cele bazate pe SGML (Standard 
Generalized Markup Language) sau XML (Extensible Markup Language), pentru Web 
pretându-se limbajul HTML (HyperText Markup Language) pe care îl vom descrie mai 
târziu, în cadrul capitolului 4. 

Legăturile reprezintă conexiuni între noduri (sau concepte) dependente unul de 
altul, putând fi stabilite în cadrul aceluiaşi document şi/sau între documente diferite, 
permiţând organizarea nelineară a informaţiilor. 

Legăturile sunt bidirecţionale sau „unidirecționale. Legăturilor li se pot asocia 
tipuri care definesc natura relaţiei dintre noduri: 


e referenţiale - non-ierarhice, utile pentru realizarea referinţelor încrucişate, 
fiind cele care deosebesc cel mai bine hipermedia de celelalte forme de stocare 
a informaţiei; 

e organizaționale (denumite ierarhice sau structurale) - denotă relaţiile părinte- 
-copil dintre noduri, folosite la organizarea nodurilor în manieră ierarhică 
într-o structură strictă; acest tip de legături este esenţial pentru liniarizarea 
hipertextului şi permite autorilor să verifice coerenţa structurii hipertext. 
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De asemenea, legăturile pot fi statice (stabilite de autorul documentului, la 
momentul proiectării rețelei hipertext) sau dinamice (create în momentul parcurgerii 
structurii hipertext, în funcţie de context sau de cerinţele utilizatorilor). 

Legăturile dinamice se pot utiliza, de exemplu, pentru a încorpora proceduri de 
securitate (o legătură poate fi disponibilă doar pentru un utilizator privilegiat) ori 
pentru a permite utilizatorilor să-şi creeze propriile legături între diverse noduri 
care, în mod uzual, nu sunt conectate direct. 

Activarea marcajelor unei legături conduce, desigur, la vizualizarea (activarea) 
nodurilor. 
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obiect hipertext 
e nod 
e de structură 
e nod secvențial 
e cale liniară 
e cale alternativă 
* cale condiţionată 
e nod de explorare 
e de conţinut 
e atomic 
e sursă internă 
e sursă externă 
e nod compus 
e legătură 
e de structură 
e legătură secvenţială. 
e legătură de explorare 
ede conţinut 


Structura ierarhică a conceptului de obiect bipertext 


Ed 


1.2.4 Documente hipertext 


Înțelegerea unui document hipertext şi navigarea prin acesta depind de abilitatea 
utilizatorului de a construi o reprezentare mentală coerentă a structurii 
hipertextului, rămânând în, responsabilitatea creatorului documentului să asigure 
această coerență, Proiectarea unui document hipertext coerent poate fi considerată o 
problemă de design, fără a exista însă legi pentru conceperea de documente hipertext 
„corecte” (deşi unii cercetători din -domeniu au descris o serie de reguli pentru 
aceasta). Un document hipertext considerat coerent este constituit din trei 
componente: partea de conținut, partea de organizare şi partea de prezentare a 
informațiilor. i 


Partea de conținut 


Nodurilor şi legăturilor le pot fi asociate proprietăţi (semantici), în vederea asigurării 
„coerenţei informaţiei dintr-un document hipertext. Partea de conţinut stochează 
obiecte purtătoare de informaţie: noduri de conţinut - care memorează date - şi 
legături de conţinut -. care conectează nodurile de conţinut pe baza unor relaţii 
semantice. Nodurile de conţinut pot fi atomice sau pot fi compuse din alte noduri 
(mărimea unui nod este determinată de autorul documentului hipertext respectiv). 
Precizând natura semantică a relaţiilor dintre noduri, legăturile se clasifică pe mai 
multe niveluri, astfel: 
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nivelul 1: legăturile-nu au asociate etichete (informaţii suplimentare); 
nivelul 2: legăturile posedă etichete descriind înţelesul global al relaţiei dintre 
obiecte (ie. „este ilustrat de” sau „este discutat de”); 

* nivelul 3: legăturile au etichete mai detaliate (e. &: „este vizualizat grafic prin”, 
„este criticat de”). 


Această clasificare poate fi rafinată, în sensul că ierarhia nivelurilor legăturilor 
depinde de stadiul actual de cunoaştere sau de experienţa acestuia în domeniul 
hipertextului. 


Partea de organizare 


Nodurile şi legăturile de structură stocate în această parte asigură documentului o 
coerenţă sporită deoarece prin intermediul lor autorul Îşi structurează reţeaua 
hipertext din perspectiva cititorului. El poate pregăti diferite variante ale 
documentului în funcţie de receptorii pe care îi vizează (e.g: anumite legături vor 
putea fi traversate numai de utilizatorii experţi). 

Nodurile de structură organizează nodurile de conţinut şi legăturile într-o 


„manieră specifică, fiecare nod de structură având ataşate un nume şi un nod de start. 


Aceste noduri pot fi clasificate în: 


* noduri de secvenţă > prin care autorul defineşte o anumită secvenţă de citire a 
conţinutului hipertextului (cititorul poate fi constrâns să urmeze secvenţa de 
noduri indicată de autor); 

e noduri de explorare — care oferă utilizatorului posibilităţi de explorare complexă, 
non-secvenţială a reţelei hipertext (e.g.: un glosar de termeni). 


Legăturile de structură pot fi: 


o legături de secvenţă — asociate conţinutului fiecărui nod de secvenţă 'care 
posedă o secvenţă de prezentare, fiind utilizate pentru a defini ordinea de 
parcurgere a informaţiei: liniară, arborescentă etc.; 

e legături de explorare ~ care oferă acces la nodurile de explorare. 


Nodurile de secvenţă împreună cu legăturile de secvenţă pot oferi diverse 
secvenţe (scenarii) de prezentare a conţinutului hipertext (ca de exemplu căi de 
vizitare secvențiale, arborescente sau condiţionale). 


Partea de prezentare 


Această parte pregăteşte vizualizarea structurii şi conţinutului hipertextului, oferind 
diverse mecanisme de navigare. Autorii pot adopta diferite stiluri de prezentare a 
informaţiilor: a i 


° textual- nu există o vizualizare grafică a structurii, prezentarea fiind limitată 
la afişarea conţinutului unuia sau mai multor noduri (utilizatorul nu este 
conştient că traversează o structură hipertext); 

e grafic — există o vizualizare grafică a structurii hipertext (e.g.: harta legăturilor 
dintre noduri, arborele de navigare etc.); 

° combinat - oferă ambele posibilităţi de prezentare. 
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1.2.5 Structuri bipertext 


Documentele hipertext se structurează asemenea reţelelor (grafurilor), fără restricţii 
în ceea ce priveşte mărimea nodurilor sau modul de realizare a legăturilor dintre ele. 
Uneori o structură hipertext poate deveni extrem de mare, în aceste cazuri 
utilizându-se de obicei legături organizaționale pentru a uşura utilizatorilor efortul 
de parcurgere. Structura hiperdocumentelor devine deosebit de importantă din 
punctul de vedere al problemei parcurgerii în întregime a nodurilor şi a regăsirii 
informaţiilor (utilizatorii se pot confrunta cu aşa-numita „pierdere în spaţiu” — lost in 
space - atunci când nu mai ştiu unde se află în cadrul structurii hipertext). 

Există mai multe abordări pentru realizarea unei structuri hipertext valide şi facil 
de parcurs. Dintre acestea pot fi amintite: 


e metafora cărţii tipărite — una dintre cele mai uzuale modalităţi de organizare a 
informaţiilor, în care structura liniară poate acompania un alt tip de structură, 
folosindu-se legături organizaționale între nodurile hiperdocumentelor sau 
legături apte a oferi ceea ce se numeşte „capacitatea neliniară controlată” de a 
parcurge hipertextul. Astfel, legăturile către cuprins, referinţe, note de subsol, 
glosar de termeni etc. pot apărea cu succes pentru a îmbunătăţi structura 
documentelor. Structurile liniare pot fi utilizate pentru aşa-numitul tour-guide 
al unui sistem, fiind pregătite în prealabil de către experţi cu scopul de a ghida 
un novice printr-o reţea de noduri hipertext. Această abordare poate fi 
folosită în cazul enciclopediilor multimedia, manualelor electronice sau 
sistemelor on-line de ajutor. 

Se oferă astfel suport pentru traversarea unui text liniar inclus într-o reţea 
hipertext, dar această abordare se- „dovedeşte nesatisfăcătoare în cazul 
explorării hiperdocumentelor liniare de dimensiuni considerabile; 

e structura liniară cu salturi - adoptată de Apple în cadrul sistemului 
HyperCard, constând dintr-o structură arborescentă în cadrul căreia nodurile 
pot fi traversate în oricare direcţie urmându-se o cale liniară, existând şi 
posibilitatea realizării de salturi de la orice nod la un nod principal denumit 
nodul acasă (home). Nodul acasă poate fi o bibliotecă având în componenţă 
diverse documente liniare (e.g.: cărţi electronice); 


Structură liniară cu salturi 
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ii 


e structura ierarhică — utilizată în cazul în care informaţia dintr-un hiperdocument 
se poate divide în mod natural în ierarhii ordonate. Autorul documentului 
hipertext poate crea ierarhii de informaţii utilizând legături organizaționale şi 
apoi adăuga legături referenţiale facilitând interconectarea acestor ierarhii. Pe 
lângă posibilitatea navigării cu succes printr-o reţea hipertext, un avantaj 
suplimentar este acela că, în cadrul unei structuri de tip ierarhic, menţinerea 
integrităţii şi explorarea nodurilor se realizează mai uşor. 


Este posibil, desigur, ca în cadrul unui singur hiperdocument să coexiste mai 
multe principii de structurare. Căile liniare sunt uzuale pentru parcurgerea unei arii 
de interes într-o ordine prestabilită; structura liniară cu salturi permite navigarea 
între oricare două noduri, în timp ce organizarea ierarhică oferă o structură de tip 
index. 


1.3 Localizarea informaţiilor 


Localizarea informaţiilor în Internet se realizează apelându-se la aşa-numiţii 
identificatori uniformi de resurse - URI (Uniform Resource Identifiers). 

Este considerată resursă orice entitate având identitate: un document electronic, o 
imagine, un serviciu (î.e. serviciul de poştă electronică), o colecţie de alte resurse, Nu 
toate resursele pot fi accesate direct pe Internet de vreme ce pot fi considerate drept 
resurse (non-electronice) şi fiinţele umane, organizaţiile, volumele dintr-o bibliotecă 
etc. O resursă se poate menţine constantă în timp, deşi conţinutul ei - entităţile 
cărora le corespunde - se poate modifica. Pentru facila lor localizare, resursele sunt 
desemnate printr-un identificator (în cazul Internetului, identificatorii reprezintă o 
secvenţă de caractere având o sintaxă bine definită, după cum vom vedea mai jos). 
Pentru ca diverse tipuri de identificatori de resurse să poate fi utilizate în acelaşi 
mod, s-a recurs la folosirea unor scheme uniforme de identificatori. Acest principiu 
adoptat asigură independenţa de mecanismul (protocolul) folosit pentru accesarea 
resurselor, permiţându-se astfel interpretarea într-o manieră uniformă a mai multor 
convenţii sintactice desemnând identificatori ai unor resurse eterogene. Mai mult, 
pot fi introduse noi tipuri de identificatori de resurse fără a fi modificat modul de 
adresare a vechilor tipuri. 

Identificatorii uniformi de resurse pot fi divizați în două categorii: 


e /ocalizatori uniformi de resurse - URL (Uniform Resource Locator) care identi- 
fică resursele printr-o reprezentare a mecanismului de accesare a lor (eg.: 
localizarea unor resurse prin intermediul adresei calculatorului pe care este 
stocată şi a reţelei din care face parte acel computer), nu prin nume sau alte 
atribute (vezi mai jos); 

* nume uniforme de resurse - URN (Uniform Resource Name) permite specifi- 
carea unei resurse chiar dacă resursa a dispărut ori a devenit inaccesibilă, prin 
intermediul unui nume care rămâne permanent şi unic. URN-ul se utilizează 
mai ales pentru a desemna entităţi folosite de anumite aplicaţii Web. 
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Ca exemple de URN-uri putem da: 


e urn:mozilla:package:communicator 
e urn:schemas-microsoft-com:datatypes 


Ca exemple de URL-uri putem descrie următoarele: 


e http://www.infoiasi.ro/-busaco/cv.html - se identifică resursa 
reprezentată de documentul Web cv. html prin intermediul acestui URL, via 
o schemă „http” asociată serviciilor protocolului de transfer a hipertextelor 
(HTTP ~- HyperText Transfer Protocol); 

+ ftp://ftp.uaic.ro/pub/Readme. txt -~ se utilizează o schemă „ftp” pentru 
serviciile protocolului de transfer de fişiere (FTP - File Transfer Protocol; 

e mailto:mihaelainfoiasi.ro - contul unui utilizator Internet se 
specifică printr-o schemă „mailto” pentru poşta electronică; 

e news:comp.infosystems.www.servers.unix ~ colecţia de articole 
dintr-un grup de ştiri se identifică printr-o resursă folosind o schemă „news” 
pentru grupurile de ştiri USENET (NNTP - Network News Transfer Protocol); 

e telnet://delta.ac.tuiasi.ro:7777 - se foloseşte o schemă „telnet” 
pentru servicii interactive de terminal virtual la distanţă via protocolul TELNET. 


Un URL este alcătuit din următoarele componente principale: 


protocol: //domeniu/cale?şșir_de_interogare 


Componentele protocol (de cele mai multe ori http, specificând utilizarea 
protocolului HTTP pentru accesarea resurselor Web) şi domeniu sunt obligatorii. 

Componenta domeniu reprezintă în mod uzual numele unui server Web de pe 
care dorim să accesăm o pagină WWW (a unui sit), identificând într-o manieră unică 
„un calculator conectat la Internet. Domeniul poate fi specificat printr-un şir de patru 
octeți despărţiti de punct, şir denumit adresă IP (de exemplu: 193.231.30.225), 
sau prin numele simbolic - mai uşor de reţinut - corespunzător adresei IP, asociat 
unui calculator (adresei IP dată mai sus îi corespunde numele thor. infoiasi. ro). 
Numele simbolic reprezintă un şir de identificatori de domenii sau de sub-domenii şi 
de calculatoare ale unui (sub)domeniu. i 

Domeniile primare (principale) sunt cele apărute la începuturile Internetului (de 
obicei localizate în Statele Unite ale Americii, dar nu obligatoriu): 


e com desemnează o companie sau organizaţie comercială - .ibm.com sau 
.jclark.com 

+ „org reprezintă o organizaţie non-profit - .w3.org (Consorţiul Web) ori 
.oasis-open.org, 

e „gov specifică domeniul unei organizaţii guvernamentale (americane) - 
„whitehouse.gov, i 
„mi 1 desemnează o organizaţie militară - .âmso.mil sau .navy.mil, 
„net reprezintă o organizaţie cu preocupări în domeniul reţelelor de calcula- 
toare şi al Internetului - .uu.net ori .php.net, 
. int desemnează o organizaţie internaţională - .greenpeace. int, 
„edu specifică domeniul unei organizaţii din spaţiul academic, educativ (de 
origine americană) - .uiuc.edu ori .stanforâ.edu. 
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Tot domenii primare sunt considerate cele corespunzătoare statelor lumii 
codificate conform codului rutier. De exemplu, . ro corespunde României, .de este 
specific Germaniei, . jp asociat Japoniei etc. Mai recent, au apărut domenii primare 
noi precum .ws (denumire provenind de la World Site) specific siturilor Web 
comerciale, .biz dedicat activităților de afaceri Internet (e-business) sau .info 
pentru siturile Web informaționale. 

În România, autoritatea care se ocupă cu Înregistrarea şi reglementarea 
domeniilor .ro este Rețeaua Naţională de Calculatoare (RNC) - www. rnc.ro. 
Înregistrarea unui domeniu .ro se poate realiza direct la RNC sau la unul dintre 
partenerii acestuia, persoana care a înregistrat domeniul purtând răspunderea pentru 
eventualele conflicte apărute. Instituţia RNC poate suspenda sau anula dreptul de 
folosinţă al unui domeniu, în condiţiile sesizării existenţei unor litigii pe rol, folosirii 
inadecvate a numelui de domeniu sau dacă datele despre organizaţia sau persoana 
care a înregistrat domeniul respectiv sunt false ori incorecte etc. 

Fiecare domeniu primar va avea în jurisdicție o serie de sub-domenii, 
corespunzând diverselor organizaţii, companii şi persoane care fac parte din acel 
domeniu. Un sub-domeniu poate fi compus din sub-sub-domenii sau din nume 
simbolice de maşini conectate la Internet. De exemplu, este uşor de înţeles că adresa 
www. infoiasi . ro corespunde calculatorului www (serverul Web) din sub-domeniul 
infoiasi al domeniului .ro. Un calculator poate avea asociate mai multe nume 
simbolice (serverul thor are asociat şi numele www, denumit şi alias, pentru servicii 
de tip World-Wide Web, dar şi alias-ul ftp pentru servicii de transfer de fişiere via 
FTP). Aşadar, www.înfoiasi.ro este identic cu thor.infoiasi.ro sau cu 
ftp.infoiasi.ro. 

Pentru a vizita pagina principală a serverului (sitului) Web al Facultăţii de Infor- 
matică din laşi se va folosi URL-ul următor: http: //wuw. infoiasi.ro. La fel de 
bine, se putea utiliza http: //193.231.30.225, dar se preferă numele simbolice 
pentru că sunt mult mai uşor de reţinut şi în plus sunt independente de adresa IP 
stabilită (mai mult, pot exista adrese IP multiple asociate cu acelaşi nume simbolic). 

Corespondenţa dintre numele simbolic şi adresa IP ale unui calculator este facilitată 
de un serviciu denumit DNS (Domain Name System) - sistemul numelor de domenii. 


Ierarhia de domenii de nume — primul nivel este cel al domeniilor primare 
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Dacă se doreşte accesarea unei anumite resurse (fişier), memofată pe un server 
Web, va trebui ca în cadrul URL-ului, imediat după domeniu să fie specificată calea 
până la acea resursă, adică şirul de nume de directoare, terminat eventual cu numele 
fişierului dorit. Directoarele vor fi despărțite de caracterul „/”, ca în exemplul: 
http: //uww. infoiasi.ro/eurolan/euro95 html, Acest URL indică resursa 
desemnată de documentul HTML euro95.html, resursă aflată în directorul 
eurolan localizat în directorul rădăcină al sitului Web www. infoiasi.ro. Dacă 
la sfârşitul unei căi de directoare nu este specificat numele unui fişier, va fi încărcată 
o pagină implicită (denumită şi pagină index) al cărei nume este dependent de 
serverul Web operaţional pe calculatorul accesat sau de modul de configurare a 
acestuia (ca exemple standard pot fi menţionate index.html pentru un server 
Apache ori default .htm pentru Microsoft IIS). 

Dacă un nume de director sau de fişier include caracterul spaţiu sau un alt 
caracter rezervat, acestea vor fi substituite de codul în baza 16 al caracterului în 
cauză, precedat de „%” (eg: www. infoiasi.ro/docs/Pagina Web.html va fi 
transformat în www. infoiasi.ro/docs/Paginat20Web html, ţinând cont că 
spaţiul are codul 32 în baza 10, adică 20 în baza 16). 

Alte simboluri ce pot fi întâlnite în componenţa unui URL sunt: 


e caracterul „t” (la finalul URL-ulug determină poziţionarea într-o anumită 
secţiune a resursei. De exemplu: 
http: / /wwru2 002 . org /CDROM/refereed/481/index.html+SunOne; 

e caracterul „~” indică pagina personală a unui utilizator care posedă cont pe 

serverul precizat în URL (caracterul tilda semnifică directorul þome al acestui 
utilizator pe o maşină Unix/Linux). 
De exemplu, http://www. infoiasi.ro/-busaco/teach/ va desemna 
pagina index.html stocată în directorul teach aflat în directorul Web al 
directorului home aparţinând utilizatorului cu numele busaco de pe maşina 
cu numele simbolic www. infoiasi.ro; 

e caracterul „?” prefixează un şir denumit şir de interogare conţinând anumite 
informaţii transmise resursei accesate. De multe ori, URL-urile pot include 
referiri la resurse care nu reprezintă documente propriu-zise, ci programe 
(script-uri) executate de serverul Web, Aceste programe pot fi, de exemplu, 
script-uri CGI (Common Gateway Interface) având în mod uzual extensia 
.cgi, programe PHP cu extensia .php sau alte tipuri de aplicaţii executate pe 
server (i.e. servlet-uri Java, programe ASP sau ASP.NET). Şirul de interogare 
prefixat de „?” reprezintă tocmai datele de intrare transmise unui astfel de 
program. De exemplu, pentru a căuta paginile Web conţinând cuvântul „Dali” 
vom putea scrie URL-ul următor: http: //www.altavista.com/cgi- 
bin/query?po=a&what=web&q=Dali, apelând la motorul de căutare 


Altavista. Acest şir de interogare nu poate conţine caracterele „;”, „/”, „2, 
» 


907, 35, n=” nt” pr” şi »$”, ele fiind codificate în baza 16 şi prefixate de 
simbolul „%”. 


URL-urile pot fi utilizate, de asemenea, şi pentru âccesarea fişierelor locale, aflate 
pe calculatorul pe care rulează şi navigatorul Web. În acest scop se və folosi schema 
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file, ca în exemplul următor: file: ///C: /Temp (navigatorul va afişa conţinutul 
directorului Temp de pe discul C: al unui calculator rulând sub sistemul de operare 
Windows). Un URL similar, în cazul Unix (Linux), ar fi file:///tmp/. 

De menţionat faptul că pot exista şi alte scheme URL nestandardizate, ca de 
exemplu man, utilizată de navigatorul Nautilus pentru a accesa documentaţiile de 
sistem Linux procesate în mod uzual de comanda man. Astfel, pentru a consulta 
paginile de manual ale sbell-ului bash, se poate folosi URL-ul man: bash, în locul 
comenzii man bash. 


bash [options} [file] 
COPYRIGHT 


Bash is Copyright (C) 1989-2001 by the Free Software Foundation, 
Ine. 


| DESCRIPTION 


Bash is an sh-compatible command language interpreter that executes 
commands read from the standard input or from a fite. Bash also < È 
incorporates useful features from the Korn and C shells (ksh and esh). ; 


Bash is intended to be a conformant implementation of the IEEE 
POSIX Shell and Toots specification (IEEE Working Group 1003.2). ; 


OPTIONS CE II 


In addition to the single-character shell options documented in the 


Utilizarea unui navigator Web disponibil sub Linux 
pentru parcurgerea paginilor de manual ale unei comenzi 


1.4 Protocolul HTTP pe scurt 


1.4.1 Caracterizare 


Am văzut în cadrul acestui capitolul că printre conceptele esenţiale ale tehnologiilor 
Internet se enumeră bipertextul (bipermedia). Baza comunicării dintre serverele şi 
clienţii Web este asigurată de protocolul HTTP (HyperText Transfer Protocol), ajuns 
actualmente la versiunea 1.1. O caracteristică importantă a protocolului este 
independenţa de platformă, diferitele calculatoare care comunică prin HTTP putând 
folosi diverse sisteme de operare şi aplicaţii hipertext. . 
Chiar dacă a fost proiectat în principal pentru transmiterea generică de informații 
în format hipertext, HTTP susține şi protocoale mai vechi, precum SMTP (Simple 
Mail Transfer Protocol, FIP (File Transfer Protocol), NNTP (Network News Transfer 
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Protocol) sau Gopher. Fiind un protocol utilizat în Internet, HTTP este bazat pe 
stiva de protocoale TCP/IP. 

Principalele concepte cu care lucrează protocolul sunt cererea şi răspunsul. Un 
client Web trimite un mesaj (cererea) la un server. Mesajul are forma dată de 
standardul HTTP în vigoare şi conţine identificatorul resursei dorite, furnizat ca 
URI (vezi supra), metoda de acces utilizată, versiunea protocolului, precum şi o serie 
de meta-informaţii care pot fi utile serverului. Răspunsul returnat de serverul HTTP 
va cuprinde un cod desemnând starea serverului după interpretarea cererii, un mesaj 
explicativ în limbaj natural (uzual, în limba engleză) pentru codul de stare transmis, 
diverse meta-informaţii procesate de către client şi, eventual, un conţinut (e.g.: resursa 
solicitată). 

Frecvent, o sesiune de comunicare HTTP va fi iniţiată de către client şi va consta 
din cererea unei resurse identificate unic pe un server cunoscut, denumit şi server de 
origine. În comunicarea dintre clientul şi serverul în cauză pot să apară unul sau mai 
mulţi intermediari: proxy (numit şi server proxy), poartă (gateway) sau tunel (tunnel). 


e Proxy-ul reprezintă un server intermediar care retrimite un mesaj HTTP, 
eventual modificând o parte a acestuia. 

e Poarta este un intermediar situat înaintea unui server de origine, 
identificându-se drept acesta, clientul necunoscând acest lucru. 

e Tunelul reprezintă un intermediar care nu schimbă conţinutul mesajului, ci 
are rol exclusiv de retransmitere a lui. 


De cele mai multe ori între clientul şi serverul de origine nu vor exista 
intermediari, stabilindu-se aşadar o conexiune directă: clientul Web va formula o 
cerere de solicitare a unei resurse stocate pe un server Web şi va primi răspunsul 
furnizat de acel server. 


Modelul client/server HTTP 


Drept exemplu tipic de cerere-răspuns în care un navigator Web (în cazul acesta 
Netscape 6  rulând sub Linux) solicită resursa desemnată de URL-ul 
http://www.înfoiasi.ro/-busaco/index.html şi obține  codul-sursă 
XHTML transmis de serverul Web (Apache) de la adresa www. infoiasi. ro este: 


e Cererea formulată de navigatorul Web şi trimisă serverului: 
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GET /-busaco/index.html HTTP/1.1 

Host: www.infoiasi.ro 

User-Agent: Mozilla/5.0 [en] (X11; U; Linux 2.2.14-5.0 
1686) Netscape6/6.0 

Accept: */* 

Accept-Language: en 

Accept-Encoding: gzip,deflate, compress, identity 
Keep-Alive: 300 

Connection: keep-alive 


e Răspunsul furnizat de serverul Web: 


HTTP/1.0 200 OK 

Date: Sat, 10 Aug 2002 10:07:04 GMT 

Server: Apache/1.3.16 

Last-Modified: Fri, 09 Aug 2002 17:33:14 GMT 
Accept-Ranges: bytes 

Content-Length: 10047 

Content-Type: text/html 

Connection: keep-alive 

<html> 


</html> 

Serverul Web va fi disponibil implicit la portul 80 al maşinii pe care rulează şi 
atunci, în cadrul unui URL, nu va fi specificat în mod explicit. Dacă totuşi resursa 
pe care dorim să o accesăm necesită precizarea altui port (e.g.: 8080 care este portul 


implicit al serverului proxy), atunci, după numele de domeniu, vom scrie şi portul 
respectiv. O astfel de adresă Web este http: //www.uaic.ro:80807 index.html. 


1.4.2 Codificarea conținutului. Standardul MIME 


Pentru ca datele să fie corect interpretate, indiferent de platforma hardware şi 
software sau de arhitectura reţelei, ele trebuie să respecte aceeaşi codificare pe Web. 

Pentru aceasta se recurge, în primul rând, la setul de caractere folosit. Seturile de 
caractere sunt utilizate în vederea interpretării corecte a datelor schimbate utilizând 
protocolul HTTP între două platforme diferite, cu reprezentări diferite ale datelor. 
Spre exemplu, un mediu Windows poate interacţiona la un moment dat cu un 
mediu Linux (Unix) sau un navigator de pe un calculator Apple Macintosh doreşte 
resurse deţinute de un server Web rulând pe o platformă Sun. Astfel, informaţia este 
transmisă în forma unui şir de octeți codificaţi conform unui set de caractere, 
urmând ca aplicaţia de la celălalt capăt al comunicaţiei, folosind indicaţiile despre 
setul de caractere, să realizeze transformarea din şir de octeți în şir de caractere. Setul 
de caractere implicit (standard) este 150-8859-1, dar există o multitudine de alte 
seturi (de exemplu, ISO-8859-2 denumit şi Latin-2 oferă şi reprezentarea diacriticelor 
din limba română). 

Pentru a putea transfera pe reţea diferite tipuri de documente (pagini Web, fişiere 
grafice în diverite formate, documente multimedia, programe etc.) şi pentru a putea 
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interpreta corect aceste tipuri, în prezent este în vigoare standardul MIME 
(Multipurpose Internet Mail Extensions). Conform acestuia, fiecărei resurse i se 
specifică tipul şi subtipul acesteia. De exemplu, text/html pentru un document 
HTML, text/plain în cazul unui document text neformatat, image/jpeg 
pentru o imagine în format JPEG, image/gif pentru o imagine în format GIF, 
video/mpeg în cazul unui film MPEG, model/vrml pentru o lume virtuală 
modelată în VRML etc. Aceste tipuri şi subtipuri MIME sunt, de asemenea, utilizate 
şi la transferul prin Internet de documente ataşate în mesajele de poştă electronică. 
Tipurile MIME primare sunt enumerate de tabelul de mai jos: 


application/executable 
(program executabil) 
application/octet-stream 
(şir de octeți) 
application/pdf 
(document PDF) 


application |defineşte aplicaţiile client 


text/plain (text obişnuit) 
specifică formatele text . | text/html (document formatat 
HTML) 


desemnează formatele image/jpeg (imagine JPEG) 


grafice |image/png (imagine PNG) 


w2 


audio/basic 


defineşte formatele audio | (document audio standard) 
audio/aiff (fişier AIFF) 


video/mpeg (document MPEG) 
specifică formatele video |video/quicktime (fişier 


QuickTime) 


utilizat pentru transmisia . 
multipart informaţiilor compuse 
(via e-mail) 


multipart /mixed (conţinut 
mixt) 


Tipurile MIME primare 


Pentru tipurile şi/sau subtipurile MIME nestandardizate încă se convine ca 
numele lor să fie prefixate de „x-”. De exemplu, image/x-xbitmap va desemna 
formatul grafic XBM folosit de mediul XWindow, iar x-world/x-vrml reprezintă 
o lume virtuală modelată în limbajul VRML; acest tip MIME este înlocuit în prezent 
de model /vrml. 

De remarcat faptul că managerii de fişiere disponibili în cadrul sistemelor de 
operare actuale folosesc de asemenea standardul MIME pentru a asocia diferitelor 
formate de documente aplicaţiile necesare procesării conţinutului acestora. 
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1.4.3 Formatul mesajelor HTTP 


Cererile şi răspunsurile HTTP sunt vehiculate în Internet prin intermediul 
mesajelor. Vom avea două tipuri de mesaje: cerere de la client către server Şi răspuns 
al serverului către client. 

Un mesaj prezintă următoarea formă generală: 


Mesaj HTTP = 
linie de start 
(atribut de antet)* 
CRLF 
[ conţinut mesaj |] 


Linia de start este denumită linie de cerere (în cazul cererii) sau linie de stare 

(pentru un mesaj de tip răspuns). Meta-caracterul „*” desemnează faptul că numărul 
de apariţii al unui atribut de antet HTTP poate fi nul, 1 sau oricare, iar CRLF 
reprezintă secvenţa de caractere Carriage Return (codul 13) şi Line Feed (codul 10). 
Construcţia „[...1” indică o apariţie opţională a expresiei dintre parantezele 
drepte, 
În descrierea dată mai sus, atribut de antet desemnează partea de început 
de mesaj - antetul (header). Un antet conţine mai multe atribute care sunt utilizate de 
un program la completarea unei cereri sau a unui răspuns cu meta-informaţia 
necesară interpretării corecte a mesajului prin stabilirea unor valori specificate de 
către protocolul HTTP sau a unor protocoale definite de utilizator. 

Un atribut de antet HTTP are forma: 


Atribut de antet = nume atribut ":" [ valoare atribut ] 


În exemplul de mai sus, pentru cerere observăm că s-au specificat, printre altele, 
atributele Host (gazda resursei) şi User-Agent (programul-client folosit). 

În cazul răspunsului replicat de server, s-au trimis în antet atributele Server 
(numele şi versiunea serverului Web), Content-Length (lungimea propriu-zisă a 
conţinutului răspunsului) sau Content-Type (tipul şi subtipul MIME ale resursei 
returnate), 

Corpul mesajului HTTP conţine entitatea asociată cererii sau răspunsului, de 
multe ori reprezentând chiar resursa din linia de antet a cererii. Corpul unui mesaj 
poate să lipsească (unele metode din cerere impun acest lucru). 


Mesaje de tip cerere 


Pentru o cerere, linia de antet conţine numele metodei folosite, urmat de 
identificatorul resursei căreia i se adresează cererea (URI) şi de versiunea proto- 
colului (e.g.: HTTP/1.1). Această metodă reprezintă acţiunea care va fi întreprinsă în 
raport cu resursa specificată de către URI. De regulă, metoda este precizată cu 
majuscule, iar metodele permise de specificaţia HTTP/1.1 sunt GET, HEAD, 
POST, PUT, OPTIONS, DELETE, TRACE şi CONNECT. Se oferă, de asemenea, 
posibilitatea de a folosi şi alte metode - nestandardizate - atât timp cât ele pot fi 
identificate de către toate părţile implicate în comunicaţia de date. 
Cele mai utilizate metode HTTP sunt următoarele: 
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° GET - poate cea mai des folosită, reprezintă o cerere de accesare a unor 
“informaţii. Un client HTTP (navigator, robot, program de descărcare etc.) 
utilizează metoda GET pentru a obţine o anumită resursă desemnată de un 
URI. Resursa poate reprezenta un fişier (pagină Web, fişier text, imagine GIR 
sau JPEG, aplicaţie, arhivă, document multimedia etc.) sau poate indica 
execuţia pe serverul Web a unui proces care va produce datele dorite (eg: 
invocarea unui script CGI). . 
° HEAD - similară cu metoda precedentă, dar serverul va returna un mesaj 
având informaţii doar în antet. Utilitatea acestei metode constă în obţinerea 
. meta-informaţiei asociate unei resurse Web fără a transfera efectiv întreaga 
entitate, în vederea testării existenţei resursei, a: obţinerii datei ultimei 
modificări sau a furnizării drepturilor de acces. 
° POST - este destinată să implementeze o metodă uniformă pentru funcţii ca 
trimiterea datelor unui formular Web către server, adnotarea resurselor, 
extinderea unei baze de date printr-o operaţiune de inserare etc. ii 


Un exemplu de linie de cerere (formulată de un navigator Web în urma 
introducerii URI-ului de către utilizator) adresată unui proxy este următorul: 


GET http: //wuw.infoiasi.ro/-mihaela HTTP/1.1 


Mesaje de tip răspuns 


După primirea şi interpretarea unui mesaj de tip cerere (eg; o metodă GET) şi 
interpretarea lui, un server HTTP trimite un mesaj denumit răspuns. 

Mesajul de răspuns este format dintr-o linie de stare care începe cu versiunea 
protocolului HTTP implementat de către server şi continuă cu un cod numeric de 
stare asociat unei anumite situaţii a serverului în urma tratării unei cereri. Urmează 
un text explicativ pentru codul de stare. Acesta are rolul de a clarifica situaţia 
exprimată de codul de stare şi este furnizat în limbaj natural. 

Codul de stare este format din trei cifre organizate în categorii de stări; codurile 


din aceeaşi categorie se referă la stări similare. Ele se disting după prima cifră în 


modul următor: 


e Coduri de informare (1xx) 
Furnizează informaţii privitoare la o anumită acţiune (cererea a fost primită, 
comunicaţia continuă): 
- 100 Continue - clientul poate continua cererea, trebuind să trimită 
următoarea parte a unui mesaj parţial. 


e Coduri de succes (2xx) 
Raportează efectuarea cu succes a unei operaţiuni (cererea a fost primită, 
interpretată şi acceptată de către server): 
- 200 Ok - cererea a fost rezolvată cu succes; 
- 201 Created — o nouă resursă a fost creată cu succes; 
- 202 Accepted - cererea a fost acceptată spre procesare, dar încă nu a fost 
satisfăcută în întregime; 
- 204 No Content - serverul a rezolvat cererea, dar nu are ce returna. 


Spaţiul World-Wide Web 41 


è Coduri de redirecționare (3xx) 

Indică o redirecţionare spre altă locaţie/server a cererii (de exemplu, la 

apariţia marcatorului <meta name="refresh" content="...n"> în 

cadrul unui document HTML): 

- 301 Moved Permanently — resursa cerută a fost asociată unui URI nou şi 
orice referinţă viitoare la ea trebuie să se realizeze prin acest URI furnizat; 

- 302 Moved Temporarily - resursa cerută are asociat un alt URI, dar pentru 
o perioadă temporară; 

- 303 See Other ~ răspunsul la cerere poate fi găsit la o altă locaţie şi trebuie 
accesat folosind o metodă GET; 

- 305 Use Proxy - resursa cerută trebuie accesată prin intermediul unui 
Proxy. 

° Coduri de eroare provocate de client (4xx) 

Indică apariţia unei erori pe partea clientului (fie cererea este incorectă din 

punct de vedere sintactic, fie nu poate fi satisfăcută): 

- 400 Bad Request ~ cererea nu a putut fi înţeleasă de către server din cauza 
sintaxei eronate a metodei; 

- 401 Unauthorized - cererea necesită autentificarea utilizatorilor (de cele 
mai multe ori prin intermediul unui nume de cont urmat de o parolă); 

- 403 Forbidden - serverul a recepționat o cerere corectă, însă refuză să o 
satisfacă din diverse motive (de exemplu, resursa cerută poate fi accesată 
numai de la anumite adrese); 

- 404 Not found ~ serverul nu găseşte resursa specificată. 


e Coduri de eroare generate de server (5xx) 
“Desemnează coduri semnificând o eroare pe partea serverului (cererea este 

aparent corectă, dar serverul nu o poate îndeplini din varii motive): 

- 501 Not Implemented ~ serverul nu are implementată o funcţionalitate 
necesară satisfacerii unei cereri; 

- 502 Bad Gateway - serverul, lucrând ca poartă sau Proxy, a recepționat un 
răspuns invalid de la alt server căruia i-a trimis cererea; 

- 503 Service Unavailable ~ serverul nu poate satisface cererea (de exemplu, 
din cauza supraîncărcării temporare sau din raţiuni de administrare); 

- 504 Gateway Timeout - timpul de aşteptare a răspunsului a expirat. 


Lista tuturor codurilor de stare se găseşte în specificaţiile HTTP. 


Comentarii bibliografice 


Pentru primul subcapitol, cititorul interesat de aspectele legate de istoricul 
Internetului şi al spaţiului Web poate consulta cartea lui A. Tanenbaum, Reţele de 
calculatoare, Computer Press Agora, Tg. Mureş, 1998 (de altfel, materialul este 
excelent pentru a vă forma o privire de ansamblu asupra problematicii reţelelor de 
calculatoare, în particular asupra Internetului). O altă carte pentru începători este 
A. Dufour, Internet, Computer Press Agora, Tg. Mureş, 1997. Drept resurse Web, 
putem menţiona Hobbes' Internet Timeline: http://www.isoc.org/zakon/ 
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Internet /History/HIT. html. O prezentare a Consorţiului Web se află chiar la 
adresa oficială a acestuia: www. w3 .org/Consortium/. Evoluţia Web-ului poate fi 
urmărită la adresa web.archive.org. 

In ceea ce priveşte hipertextul, o referinţă clasică este J. Nielsen, Hypertext and 
Hypermedia, San Diego Academic Press, 1990. Cititorul mai poate parcurge partea A 
a primului volum din S. Buraga, Tehnologii Web, Matrix Rom, Bucureşti, 2001. 
Recomandăm, de asemenea, consultarea lucrării $. Trăuşan-Matu, Interfațarea 
evoluată om-calculator, Matrix Rom, Bucureşti, 2000 precum şi vizitarea Hypertext 
Theory: http: //wuw.gwu .edu/-gelman/train/hyperbib.htm, 

Informaţii detaliate despre identificatorii uniformi de resurse sunt disponibile în 
standardele RFC 2396 - Uniform Resource Identifiers (URI): Generic Syntax (vezi 
www. ietf.org/rfc/rfc2396. txt) şi RFC 1738 - Uniform Resourse Locators 
(URL) ~ www. iet£.org/rfc/rfc1738.txt. Aceste documente sunt disponibile 
şi pe CD-ul care însoţeşte lucrarea de faţă. Alte detalii privind adresarea resurselor 
Internet se pot găsi la www.w3 .org/Adăressing. l 

Deşi relativ veche, cartea Running a Perfect Web Site with Apache, QUE, 1996, 
reprezintă un început în utilizarea serverului Apache. De asemenea, se poate 
consulta Apache Week - (www. apacheweek.com). Pentru unele aspecte privind 
administrarea acestui server Web, a se vedea lucrarea D. Acostăchioaie, 
Administrarea şi configurarea sistemelor Linux, Editura Polirom, laşi, 2002 (partea a treia). 
O carte interesantă mai ales pentru dezvoltatorii de aplicaţii bazate pe Apache este 
G. Holden et al., Apache Server Commentary, The Coriolis Group, 1999. 

Pentru informaţii privind navigatoarele Web, pentru software şi ale docu- 
mentaţii, puteţi să consultaţi siturile Web Tools - www.webtools.com, Build It - 
www. red, net/dhark/buildit .html sau Browser News - www. upsde11 .com/ 
BrowserNews /find.htm, | : 

Standardul HTTP/1.1 se regăseşte în RFC 2068, iar pentru detalii tehnice 
referitoare la MIME se poate parcurge documentul RFC 1341, specificații existente 
şi pe CD-ul cărţii. De asemenea, capitolul 1 al cărții S. Buraga et al., Programare Web 
în bash şi Perl, Editura Polirom, Iaşi, 2002 oferă descrierea pe larg a protocolului HTTP. 
Această lucrare poate fi utilă şi celor interesaţi de programarea script-urilor CGI. 


2. UTILIZĂRI ŞI APLICAȚII WEB 


à Unde se găseşte ultimul port de unde nu vom 
mai ridica ancora? (Herman Melville) 


Capitolul de faţă trece în revistă principalele aplicaţii ale Web-ului, fiind 
prezentate motoarele şi roboții de căutare, plus realitatea virtuală. În finalul 
capitolului vor fi descrise o serie de tendinţe în evoluţia spaţiului WWW. 


2,1 Regăsirea informaţiilor pe Web 


Fiind bazat pe hipertext, spaţiul WWW are ca prim obiectiv oferirea unui mecanism 
facil de a stoca şi de a furniza, ulterior, informaţii, într-o manieră nesecvenţială. 

Conform studiilor întreprinse, utilizatorii care îşi petrec mai mult de cinci ore pe 
Internet alocă peste 70% din timp căutării de informaţii. Pentru a localiza resursele 
dorite, un procent de 85%-90% dintre utilizatori apelează la motoarele de căutare. 

Astfel, importanţa acestor aplicaţii se dovedeşte de necontestat, actualmente 
existând disponibile pe Web o multitudine de căutătoare şi meta-căutătoare, generale 
sau specializate. k 

Motoarele de căutare pot oferi servicii de căutare pe bază de indecşi (i.e. Altavista) 
sau pe baza unor ierarhii de termeni - aşa-numitele servicii director (cum ar fi Yahoo). 
În ultima perioadă, aceste tipuri de servicii au devenit hibride, primul dintre 
motoarele de căutare care a adoptat tehnicile mixte fiind Excite. 


pa 1 Modalităţi de regăsire a informaţiilor 


Au fost evidenţiate mai multe modalităţi de regăsire a informaţiilor disponibile pe 
Web, în funcţie de intenţiile utilizatorilor. Printre cele mai importante se enumeră: 


e scanarea (scanning) ~ utilizatorii parcurg, superficial, o arie largă de informaţii, 
aparţinând de obicei unui anumit subiect sau unui grup de subiecte conexe; 

e răsfoirea (browsing, surfing) — utilizatorii vizitează locaţiile care le captează 
interesul, fără a avea stabilit un model mental al informaţiilor dorite; 

e căutarea (searching) - utilizatorii sunt motivaţi să găsească o categorie 
particulară de informaţii-ţinră. De cele mai multe ori este folosită căutarea 
bazată pe cuvinte-cheie (e.g.: „programare PHP”) sau pe construcţii formulate 
în limbaj natural, cum ar fi „Unde găsesc documentaţii despre design Web”; 

e explorarea (exploring) - utilizatorii investighează legăturile referitoare la o 
anumită resursă informativă şi pe cele conexe; 

e boinăreala (wandering) — utilizatorii realizează o navigare complet nestructurată, 
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De remarcat faptul că, în mod frecvent, utilizatorii nu parcurg la un moment dat 
decât o singură pagină WWW, aparţinând unui server particular, fără a avea o vedere 
de ansamblu a modului de structurare a tuturor documentelor de la acea adresă. 
Astfel, spaţiul Web prezintă următoarele caracteristici negative: 


e modelul plat de memorare. a datelor — documentele nu sunt stocate în mod 
structurat pe serverele Web. Structura hipertext pe care, eventual, o formează 
acestea poate fi recunoscută de cele mai multe ori doar examinând URL-urile 
asociate. Uzual, paginile nu posedă legături către documentul-părinte 
(„rădăcina” sitului - un fişier al cărui nume diferă în funcţie de serverul Web 
folosit, pentru Apache şi IIS de exemplu fiind /index.html, respectiv 
/default .htm); 

o jegăturile unidirecționale - limbajul HTML nu oferă decât posibilitatea de 
specificare a legăturilor unidirecţionale, simple. Este dificil de alcătuit o hartă 
locală care să ilustreze toate sursele şi destinațiile legăturilor dintre paginile 
Web ale unui sit. Rețelele sofisticate de legături conduc la o navigare greoaie şi 
pot deveni frecvent surse de confuzie; 

e lipsa unei hărți globale de navigare — nu poate fi realizată o hartă globală de 
navigare prin întregul spaţiu WWW, într-o manieră ierarhică (arborescentă), 
deoarece structura hipertext de ansamblu a Web-ului este necunoscută; 

e menţinerea legăturilor — legăturile fiind stocate în interiorul documentelor, 
posibilitatea de a adăuga direct adnotări sau de a modifica legăturile dintr-o 
pagină este deţinută doar de proprietarul acesteia. Menţinerea integrităţii 
legăturilor pentru situri Web care conţin un număr foarte mare de documente 
se dovedeşte dificilă. De cele mai multe ori se apelează la programe, de 
verificare a validității legăturilor şi de construire a ierarhiilor de legături între 
paginile unui sit Web. 


În concluzie, pentru a avea acces la informaţiile dorite, de cele mai multe ori se 
recurge la facilităţile oferite de unul dintre motoarele de căutare disponibile. 


2. 1.2 Structura internă a unui motor de căutare 


A g ©. . . E SI 
În general un motor de căutare este constituit din trei componente de bază: 


1. o aplicaţie, denumită robot Web (spider, crawler), având misiunea de a parcurge 
spaţiul WWW şi de a vizita anumite pagini, extrăgând informaţii despre ele. 
Aceste informaţii vor fi stocate pe serverul/serverele motorului de căutare, 
într-o bază de date sau într-un index. Roboții Web vor fi prezentaţi în 
secţiunea următoare; 

2. un depozit de memorare a informațiilor despre paginile parcurse de robot, 
numit index (catalog). Acest index conţine de cele mai multe ori câte o copie a 
fiecărei pagini şi a URI-ului corespunzător acesteia, organizarea informaţiilor 
în cadrul indexului efectuându-se conform unor criterii specifice; 

3. un mecai:ism de evaluare (ranking) a importanţei paginilor din index în 
conformitate cu cererea formulată de utilizator, cerere introdusă prin 
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intermediul unei interfețe Web (partea vizibilă a motorului de căutare). În 

ordinea importanţei, adresele paginilor (plus alte informaţii) sunt returnate - 

sub forma unui document Web - utilizatorului care a formulat cererea. 

Utilizatorul este cel care va decide care pagină (sau grup de pagini) întruneşte 
preferinţele sale. 


| interogare 
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Streaming 
access 
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Arhitectura internă a unui motor de căutare 


Roboții Web 


Roboții Web, regăsiţi şi sub numele de păianjeni (spiders), sunt programe care 
traversează în mod automat structura hipertext a spaţiului WWW, cu scopul 
extragerii unor informaţii. 

Trebuie să facem o distincţie clară între roboții Web şi navigatoarele Web, 
acestea din urmă fiind aplicaţii acţionate de om. 

Activitatea unui robot Web constă în a trasmite o cerere HTTP (vezi 
subcapitolul 4 al primului capitol al cărţii de faţă) către un server Web - pornind de 
la un identificator uniform de resurse (URI) - şi în a extrage informaţiile 
corespunzătoare dintr-un document HTML şi din toate documentele desemnate de 
legăturile acestuia, 

Roboții Web se pot utiliza în diverse scopuri, principalele fiind cele detaliate mai jos: 

o analiza statistică - prin traversarea completă a unui sit Web particular, robotul 
poate furniza diverse statistici preţioase referitoare la resursele procesate, 
precum media documentelor stocate pe acel server, procentul de documente 
de un anumit tip, lungimea medie a unei pagini, gradul de interconectare cu 
alte documente, locale sau la distanţă etc. De fapt, primul robot implementat 
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a fost conceput tocmai cu scopul declarat de a contoriza toate serverele Web 
din lume, pentru a se cerceta cât de întins este spaţiul hipertext. 

De asemenea, roboții Web pot fi utilizați la descoperirea diverselor modele de 
date (pattern-uri) prin explorarea unei cantităţi apreciabile de informaţii 
disponibile pe Web, fiind astfel implicaţi în activități de descoperire a 
resurselor - cunoscute în literatura de specialitate prin sintagma: „minerit al 
datelor” (data mining). Acest aspect este imperios necesar în domenii precum 
comerțul electronic; 

menţinerea legăturilor ~ în prezent, este foarte important să fie menţinută în 
bune condiţii starea legăturilor stabilite între diverse documente Web. Un 
robot poate ajuta la descoperirea şi rezolvarea aşa-numitelor „legături moarte” 
care indică resurse inexistente. Deşi serverele Web pot înregistra toate cererile 
care nu pot fi satisfăcute din cauza specificării adreselor invalide, 
administratorul unui sit Web de proporţii poate recurge la asistenţă din partea 
unui robot (ca MOMSpider) pentru descoperirea automată a legăturilor 
eronate. O altă aplicaţie de acest gen este HTML Link Validator. 

Roboții pot verifica, de asemenea, şi structura documentelor HTML, 
semnalând erorile de design şi de stil ale acestora. Serviciul de validare oferiț 
de Consorţiul Web reprezintă tocmai un astfel de robot; 

oglindire - tehnica oglindirii (mirroring) este preluată de la arhivele FTP şi 
constă în copierea într-o altă locaţie a întregii structuri arborescente a unui sit 
(adică a tuturor fişierelor sale, în mod recursiv) şi în reactualizarea periodică a 
acestor copii. Oglindirea resurselor asigură fiabilitate, viteză mai mare de 
transfer, evitarea încărcării traficului de reţea, acces neconectat (off-line) etc. 
Pentru Web, oglindirea poate fi realizată de un robot (e.g,: utilitarul wget din 
distribuțiile Linux sau programele Teleport şi GetRight disponibile în 
Windows), care trebuie să aibă în responsabilitate şi rescrierea referinţelor la 
alte documente, păstrarea integrităţii hipertextului şi actualizarea regulată a 
paginilor WWW. Oglindirea poate fi evitată, folosindu-se în mod inteligenț 
memoria cache a serverelor proxy (intermediare), care oferă posibilităţi de 
actualizare selectivă şi de organizare a resurselor; 

descoperirea resurselor - probabil cea mai importantă aplicaţie a roboților Web 
este utilizarea acestora la descoperirea resurselor. Creşterea progresivă a 
volumului de informaţii disponibile pe Web are drept consecință principală 
conceperea de aplicaţii pentru sumarizarea, indexarea şi monitorizarea 
modificărilor resurselor WWW. 

Astfel, fiecare motor de căutare, conţinând baze de date privind localizarea şi 
tipul de informaţii dorite de utilizatori, apelează la serviciul roboților Web 
pentru descoperirea resurselor Internet ce înglobează aceste informaţii. 

Un avantaj suplimentar al roboților este cel dat de capacitatea acestora de a 
monitoriza schimbările survenite în cadrul unor pagini Web indicate de 
utilizatori (servicii precum Mind-l sau What's new); 

utilizări combinate - desigur, roboții Web pot îndeplini sarcini multiple, ca de 
exemplu descoperirea resurselor în paralel cu realizarea de statistici Web sau 
menţinerea integrităţii legăturilor şi, concomitent, detectarea schimbărilor 
survenite în cadrul documentelor HTML. 
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Observaţii: 


* Un aspect important care trebuie luat în consideraţie în exploatarea roboților 


Web este timpul de actualizare a bazelor de date ale motoarelor de căutare 
Roboții de căutare a informaţiilor sunt cei care vor trebui să decidă care 
informaţii sunt importante pentru a fi transmise programelor de indexare. 
Rularea în manieră necontrolată a roboților Web de către utilizatorii finali 
care ar putea folosi opţiuni inadecvate sau ar rula mai multe instanţe de 
program poate conduce la abuzuri nedorite asupra unui sit sau grupuri de 
situri Web. 

Roboții Web, în special cei netestaţi insuficient, pot fi ineficienţi sau pot avea 
vicii de arhitectură astfel încât să dăuneze traficului de informaţii, mai ales 
dacă sunt folosiţi de persoane neavizate ori de neprofesionişti. Implementări 
eronate pot determina roboții să intre în arii aproape infinite denumite găuri 
negre (atunci când de exemplu un document are o legătură care se referă la el 
însuşi, iar programul nu detectează acest aspect). De asemenea, roboții nu 
trebuie să acceseze tipuri de date fără relevanţă, având dimensiuni 
considerabile (e.g.: arhive, fişiere executabile, fişiere multimedia etc.), 

De cele mai multe ori, fiecare motor de căutare are implementat propriul 
robot, sensibil la diverse situaţii care pot surveni pe Web. De exemplu, roboții 
de la Excite (Inktomi), Go (InfoSeek) şi Lycos nu pot indexa paginile 
conţinând cadre, iar cei de la FAST şi Google au probleme cu hărţile de 
imagini senzitive (care pot îngloba legături spre alte documente). 


Criteriile de clasificare a roboților sunt multiple. Vom prezenta în continuare 
roboții Web grupaţi după principalele activităţi pe care le pot realiza: 


roboţi academiici - sunt acei roboţi disponibili în medii academice, având 
drept scop anumite activităţi de colectare a datelor dintr-o instituţie academică 
sau de menţinere a integrităţii legăturilor dintr-un sit cu profil academic; 
roboţi de proiectare — posedă capacităţi de proiectare şi de asistare în activităţile 
de design al paginilor Web; 

roboţi conversaţionali - pun la dispoziţie un partener virtual de discuţii în 
Internet, fiind de obicei integrați serviciilor de teleconferinţe pe Web. Ca 
exemplu, putem menţiona Eliza; 

roboţi de comerţ = sunt roboţi care înlesnesc activităţile de comerţ electronic 
licitaţii pe Web, bursă etc.; 
roboţi distractivi — oferă diverse facilităţi de amuzament (jocuri, predicții 
recomandări de adrese interesante etc.) pentru utilizatorii care parcurg 
paginile Web; 

roboți inteligenți ~ manipulează informaţii, posedând. inteligenţă artificială, fiind 
utilizaţi pentru explorarea inteligentă a resurselor Web (e.g: Harvest sau W3QS); 
roboți de ştiri - monitorizează modificările din cadrul siturilor mass-media 
(ziare electronice, posturi radio sau de televiziune prezente pe Web etc.) sau 
grupurile de ştiri de pe Internet; 
roboți de căutare = sunt roboții utilizaţi de motoarele de căutare (cum ar fi, de 
exemplu, WebCrawler); 
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* roboți de actualizare - se folosesc la actualizarea automată a legăturilor şi la 
detecția schimbării adreselor Web. 


„ Pentru evitarea accesului roboților în zone Web lipsite de relevanţă, conţinând 
date temporare ori private, s-a adoptat un standard pentru excluderea roboților. Acesta 
stipulează că orice robot care accesează un anumit server Web va accesa în primul 
rând un fişier text denumit robots. txt. Acest fişier va trebui stocat în directorul 
rădăcină al serverului, specificând părţile din sit care vor fi evitate la parcurgerea 
automată (pentru evitarea găurilor negre sau din alte raţiuni). 

Un exemplu de astfel de fişier este dat mai jos: 


+ /robots.txt pentru http://www.infoiasi.ro 
User-agent: * # toţi roboții 
Disallow: /tmp/ + date temporare 
Disallow: /busaco/work/ # spaţiu privat 


A E rae dA as . . , kag i 
În vederea evitării indexării conţinutului unei pagini Web de către un robot Web 
se poate specifica în antetul ei următoarea construcţie: 


<meta name="robots” content="noindex” /> 


De asemenea, se poate inhiba traversarea legăturilor prezente într-un document 
HTML (a celor definite de marcatorul <a href="... “>) prin: 


<meta name="robots” content="nofollow” /> 


Anumiți roboţi pot utiliza tag-uri specifice (ascunse) dintr-o pagină Web care să 
dicteze un anumit comportament pentru acea pagină (aşa cum se întâmplă în cazul 
programului de oglindire Teleport}: * 

Ca exemple de roboţi, în afara celor utilizaţi de motoarele de Căutare, putem 
enumera DataBots (utilizat în descoperirea informaţiilor pe Web), Wisebot (folosit la 
administrarea asistată a siturilor Web) sau Inktomi (robot de căutare pentru 
indexarea, căutarea şi analiza paginilor Web, oferind diverse statistici privitoare la 
documentele HTML). 

În legătură cu activitatea roboților de căutare, cercetătorii de la Universitatea 
Stanford au observat că vizitarea tuturor documentelor prezente pe Web nu poate fi 
realizată practic din cel puţin două motive: 


e indexul are o capacitate limitată şi deci motorul de căutare nu este capabil să 
indexeze sau să analizeze toate paginile (Web-ul se dezvoltă într-un ritm alert); 

° spaţiul WWW se modifică extrem de rapid şi robotul nu va avea şansa de a 
parcurge o serie de pagini (la fiecare lună se estimează că peste 800 GB de date 
îşi schimbă conţinutul). 


Nu toate paginile vor avea aceeaşi importanţă pentru robot, ţinându-se cont de 
mai mulţi factori. Se pot lua în calcul: 


è compatibilitatea cu posibilele cereri ale utilizatorilor, 
numărul legăturilor care au, la rândul lor, legături spre pagina analizată pe 
robot - gradul de „citare” a documentului, 

e relevanţa conţinutului paginii, 
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e numărul de legături conţinute de pagină şi metrica locației (o pagină din 
domeniul .com se consideră a fi mai importantă decât una a domeniului . za). 


Importanţa unui document Web depinde, aşadar, de contextul apariţiei acestuia, 


Managementul indexului 


Componentă secundă a unui motor de căutare, indexul (catalogul) este alcătuit dintr-o 
serie de baze de date stocate de un server (modul) de stocare, constituindu-se un 
depozit (distribuit) de date. Acest depozit va avea o Capacitate considerabilă, 
memorând documentele indexate returnate de robotul asociat motorului de căutare. 
Modulul de stocare realizează diverse activităţi, cele mai importante fiind: 


introducerea datelor noi privitoare la paginile parcurse de roboţi, 

actualizarea conţinutului vechilor documente stocate, | 

programarea diverselor cereri de accesare a informaţiilor despre o serie de 
documente. 


De cele mai multe ori aceste date sunt comprimate (Google foloseşte biblioteca 
de compresie bzip). NS 

Modulul de indexare şi meta-date este responsabil cu extragerea meta-datelor din 
paginile colectate şi cu indexarea atât a meta-datelor, cât şi a documentelor HTML. 
Pentru indexarea conţinutului textual al documentelor, uzual vor fi luate în consi- 
deraţie toate cuvintele, exceptând aşa-numitele cuvinte stop (cu o lungime mai mică 
de trei caractere şi desemnând prepoziţii, conjuncţii sau interjecţii; de exemplu „a”, 
„the”, „in” din limba engleză). Unele motoare de căutare (e.g: Google sau Lycos) vor 
contoriza şi numărul de apariţii ale celor mai frecvente cuvinte dintr-o pagină Web şi 
vor realiza indecşi suplimentari şi/sau vor stabili categoria în care va fi încadrată acea 
pagină. O altă tehnică abordată este cea a indexării semantice, 

Extragerea meta-datelor variază în funcţie de motorul de căutare. Cea mai 
populară tehnică este cea a indexării documentelor pe baza cuvintelor-cheie furnizate 
fie explicit de creatorul acestor documente, fie în urma unei catalogări automate 
realizate de un robot, bu iti i l 

Anumite motoare de căutare (Le. Altavista) permit Înscrierea unei pagini în baza 
de date, solicitând introducerea unor cuvinte-cheie pe baza cărora să se efectueze 
operaţiunea de indexare. Un utilizator poate apela la un serviciu de înregistrare 
automată la o suită de motoare de căutare, de obicei în mod gratuit, un exemplu de 
astfel de serviciu fiind AddMel — www . adame . com. 

Întrebările care se pun în legătură cu maniera de indexare sunt: 


e Cât de relevante sunt activităţile de indexare automată? 
* Documentelor HTML le pot fi ataşate anumite atribute menite a le descrie 
conţinutul? 


Răspunsul la ultima întrebare este dat de următoarele aspecte: 


° Standardul XHTML permite autorilor de pagini Web să enumere cuvintele- 
-cheie care descriu în modul cel mai adecvat conţinutul informaţional al docu- 
mentelor, prin utilizarea în antet a marcatorului <meta>. Iată un exemplu: 
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<meta name="description” -- descriere succintă -- 
content="Proiectarea siturilor Web” /> 
<meta name="keyworâs" -- cuvinte-cheie (în engleză) =-= 
content="site, hypertext, document, design, 
graphics, markup, structure” /> 
<meta name=“author” -- autor -- ` 
content="Sabin Corneliu Buraga - busacofinfoiasi .ro”/> 
<meta name=" owner” -- proprietar -- 
content="Sabin Corneliu Buraga - busacoĝinfoiasi.ro”/> 
<meta name="distribution” -- areal de distribuţie -- 
content="“Global” /> 


Nu toate motoarele de căutare iau în întregime în consideraţie informaţiile 
conţinute de tag-ul <meta>. 

Este cazul motoarelor Excite, Google şi Northern Light care vor ignora 
construcţia <meta name=”keyworâs” . . >, iar FAST, Google şi Lycos nu 
vor lua în seamă <meta name="âescription”...>, 

e. Descrierea inteligentă a resurselor poate fi realizată cel mai bine ataşând 
paginilor Web meta-date RDF (Resource Description Framework). Există deja 
tehnici de generare automată a meta-datelor RDF care să faciliteze 

*-"! descoperirea resurselor Web, pornind de la titluri, cuvinte-cheie, descrieri, 

„data creării, numărul total de cuvinte dintr-un document etc. Pentru 
descrierea resurselor Web poate fi folosit, de asemenea, standardul RSS (RDF 
: Site Summary), specificaţie bazată pe RDF. 


Metode mai sofisticate includ sumarizări automate, utilizarea de sinonime ale 
cuvintelor-cheie sau utilizarea unor termeni euristici. În activitatea de catalogare a 
informaţiilor, de multe ori intervine ierarhizarea datelor în funcţie de subiectul pe 
care-l tratează, această clasificare conducând la apariţia serviciilor director (de genul 
Yahoo!), bazate pe generarea de ontologii. 

De asemenea, pentru fiecare document se calculează numărul de legături care se 
referă la o anumită pagină şi numărul total de legături conţinute de acea pagină. 
Aceste valori sunt denumite tehnic bit-uri. 

Indecşii pot cuprinde indecşi text obişnuiţi, dar şi indecşi ai meta-datelor 
extrase, : 

Meta-datele şi indecşii se stochează pe dispozitive separate de cele ale depozitului 
de date (de cele mai multe ori se utilizează un sistem de management al bazelor de 
date relaţionale). 

Depozitul de documente indexate suportă trei moduri de acces: 


e acces direct (random access) ~ se realizează pe baza identificatorului unic asociat 
fiecărei pagini indexate; 

e acces bazat pe interogări (query-based access) - vor fi furnizate toate documen- 
tele care satisfac o anumită cerere, Cererea poate să se refere la diverse atribute 
ale meta-datelor (e.g.: autor, titlu, locaţie) sau la conţinutul textual al paginilor; 

e acces flux de date (streaming access) — este folosit atunci când din depozitul de 
date se extrage un grup de pagini pentru a fi trimis ca flux de date spre o 
anumită aplicaţie (de exemplu, atunci când se reindexează o serie de pagini). 
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În cadrul depozitului de date este de dorit să se memoreze cea mai recentă 
versiune a paginilor traversate de roboții Web. Trebuie avute în vedere aspecte 
importante precum consistenţa indecșilor şi eliminarea paginilor vechi/inexistente pe 
Web. Astfel, corespunzător fiecărei pagini pot fi ataşate două valori numerice pentru 
a specifica timpul de viaţă permis şi respectiv pentru a contoriza acest timp. Timpul 
de viaţă permis reprezintă perioada de stocare a unui document fără a necesita 
actualizarea ori ştergerea sa din depozit. Contorul este decrementat periodic până 
când devine nul, caz în care robotul Web va trebui să proceseze noi informaţii 
referitoare la acea pagină. Desigur, fiecare motor de căutare va adopta propria 
manieră de stabilire a timpului de viaţă. De asemenea, roboții Web pot avea proprii 
lor parametri pentru realizarea acestei actualizări regulate, ţinând cont de diverse 
raţiuni, cum ar fi cele legate de congestia reţelelor. 

Pentru asigurarea scalabilităţii, depozitul de date poate fi unul distribuit, 
constituindu-se în acest scop o colecţie de noduri de stocare interconectate, controlul 
realizându-se prin intermediul unui server de management al nodurilor. Acest server 
menţine o tabelă cu starea fiecărui nod de stocare: capacitatea totală de memorare, 
spaţiul liber, nivelul fragmentării datelor, numărul şi tipul de accesări, modul de 
operare a nodului etc. Pentru sporirea eficienţei, nodurile pot conţine pagini grupate 
pe diverse criterii (cuvinte-cheie, tematică, localizare etc.). | 


Mecanismul de căutare şi de evaluare 


A treia componentă a unui motor este reprezentată de mecanismul de căutare şi de 
evaluare a paginilor Web furnizate utilizatorului în urma cererii acestuia, formulată 
prin intermediul unei interfeţe puse la dispoziţie de motorul de căutare. 

Interfața de, căutare (denumită frecvent motor de interogare) este o componentă 
importantă a sistemului, oferind, în funcţie de motor, posibilităţi de formulare a 
cererilor prin intermediul diverşilor operatori logici, în limbaj natural, explorând 
ierarhii de domenii catalogate (directoare Web), stabilind localizarea paginilor etc. 

Majoritatea motoarelor de căutare utilizează o convenţie de compunere a 
interogărilor. Pot fi introduse şi relaţii desemnate prin intermediul operatorilor AND, 
OR, NOT şi NEAR. 

Tată o descriere succintă a fiecăruia dintre aceşti operatori: 


° termeni AND termen, - se foloseşte atunci când dorim ca paginile re- 
turnate de motor să aibă în componenţă ambii termeni. De multe ori, semnul 
plus (Caracterul „+”) prefixând fiecare termen înlocuieşte funcţia lui AND: 
+termem +termen,; 

e termen: OR termen, - îl vom folosi în situaţia când dorim ca paginile 
căutate să conţină măcar unul dintre cei doi termeni specificaţi; 

* NOT termen - dacă vrem ca paginile să nu includă termenul specificat vom 
utiliza acest operator (o construcţie echivalentă este - termen); 

e termen: NEAR termen - vom specifica acest operator pentru situaţiile în 
care dorim ca paginile căutate să conţină cei doi termeni localizaţi la mică 
depărtare unul de celălalt (vecinătate de 20-200 de cuvinte, în funcţie de 
serviciul de căutare ales), 
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Pentru gruparea şi schimbarea precedenţei operatorilor se pot utiliza parantezele 
»()”. Se mai poate folosi şi construcţia „listă de termeni”, ghilimelele 
însemnând faptul că se va realiza o căutare exactă a secvenţei de termeni din lista 
dată. De exemplu: 


"Proiectare Web” +sfaturi -utilitare 


De asemenea, se oferă şi posibilitatea de căuta în titlurile paginilor Web, prin 
intermediul unui construcţii de forma: 


title: şir căutat 
De exemplu, pentru a căuta „XML în titlurile paginilor, vom putea scrie: 
title: XML 


O altă facilitate este aceea de a găsi toate paginile care includ ancore către o adresă 
specificată, prin folosirea cuvântului-cheie 1ink. Astfel, pentru a obţine lista tuturor 
documentelor care includ o anumită adresă e-mail am putea introduce: 


link: busacofinfoiasi.ro 


În mod obişnuit, ne vom sluji foarte rar de toate aceste facilităţi puse la 
dispoziţie, preferând formularea unui interogari compuse dintr-un singur cuvânt sau 
a unei propoziţii în limbaj natural, Tehnologia Ask Jeeves - www. askjeeves. com = 
încorporată de Altavista este utilizată pentru procesarea cererilor formulate în 
limbaj natural (în speţă, în limba engleză), problemele care trebuie să fie rezolvate 
fiind cele legate de eliminarea caracterului ambiguu termenilor, eliminarea 
cuvintelor nerelevante sau expandarea' interogării (de exemplu, pot fi automat 
formulate noi cereri conţinând sinonime ale cuvintelor furnizate de utilizator). 

De asemenea, majoritatea motoarelor oferă posibilitatea de rafinare (refine) a 
interogării sau de specificare a unor cereri avansate de căutare (advanced search). 


Onty this kald is reguired, 


Er 
Exclude any pages that contain |ihe state) E] | Ş E, 
finchde oniy 3] pages from the site or domein |. . 


Examples: google.com o 
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Google - formularea cererilor avansate de interogare 
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Procesul de evaluare a interogării specificate de utilizator poate fi derulat 
conform următoarelor etape: 


1. analizarea cererii formulate de utilizator; 

2. căutarea în indecşii corespunzători termenilor rămaşi după analiza cererii; 

3. scanarea tuturor documentelor care întrunesc întregul set de condiţii de 
căutare; 

4. evaluarea gradului de relevanţă a fiecărei pagini în funcţie de cererea 
formulată; 

5. eliminarea duplicatelor şi sortarea în ordinea relevanţei; 

6. afişarea adreselor celor mai relevante N documente (eventual furnizându-se şi 
alte informaţii, precum lungimea documentului, formatul, limba, contextul 
apariţiei etc.). l 


Nu toate motoarele de căutare urmează toate fazele descrise mai sus, Unele dintre 
ele nu realizează decât parțial sau chiar deloc eliminarea duplicatelor (e.g.: Excite sau 
Lycos), ; D ta 
Alte motoare vor afişa paginile găsite grupate pe termeni sau vor oferi legături 
către alte documente stocate pe acelaşi server Web. ` l 

Sistemul de evaluare depinde de motorul de căutare ales. De exemplu, în cazul lui 
Google, sunt menținute mai multe meta-date despre documentele indexate decât la 
alte motoare, ceea ce conduce la o precizie ridicată. Sunt memorate chiar şi poziţia 
în cadrul documentului, tipul de font şi modul de scriere ale informaţiilor. În plus, 
rezultatele obţinute în urma fiecărei interogări emise de utilizator sunt salvate 
temporar, putând fi folosite la evaluarea unor cereri similare viitoare. 

Trebuie reţinut însă faptul că nici un motor nu poate fi perfect, serviciile de 
căutare oferite neputând avea o acuratețe de 100%. Pentru testarea serviciilor de 
căutare se iau în consideraţie mai mulţi factori, dintre care pot fi amintiţi: acurateţea, 
posibilitatea de căutare avansată, ergonomia în utilizare, precum şi acordarea de alte 
facilităţi. 


2.1.3 Meta-căutătoarele 


Pentru a formula interogări şi a primi rezultate de la o multitudine de motoare de 
căutare, utilizatorii au posibilitatea de a apela la serviciile oferite de un meta-căutător. 
Funcţia principală a acestuia este cea de a compila toate listele de pagini obţinute de 
la motoarele obişnuite (interogate eventual în manieră paralelă) şi de a prezenta 
utilizatorului cele mai relevante documenie găsite. Deseori, un meta-căutător are 
implementat propriul sistem de evaluare a relevanţei paginilor, în funcţie de anumite 
criterii proprii sau formulate de utilizator. Un astfel de exemplu este Mamma - 
www. mamma „ COM. 

De asemenea, un meta-căutător poate oferi o vedere ierarhizată a paginilor găsite, 
de genul structurii de directoare Web (ierarhii de termeni) pe care acestea le 
formează. 

Nu toate meta-căutătoarele elimină duplicatele. Un exemplu în acest sens este 


Dogpile. 
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O serie de meta-căutătoare sunt direcționate spre domenii specifice, folosind 
bazele de date furnizate de unul sau mai multe motoare de căutare de succes. Prin 
astfel de meta-căutătoare, putem avea acces la diverse servicii specializate, dintre care 
le menţionăm pe cele de căutare a: 

e fişierelor - reprezentând în general aplicaţii şi documentaţii, disponibile via 

serverele FTP (Filz - www . filez . com, FTPSearch - www . ftpsearch. com); 

e adreselor e-mail şi a numerelor de telefon (Four11, acum preluat de Yahoo!); 

e informaţiilor în cadrul grupurilor de discuţii (DejaNews - www . deja . com); 

e paginilor localizate într-un areal geografic comun 

(EuroSeek — www . euroseek . com). 


O parte dintre serviciile de căutare specializată (e.g.: căutarea de conţinut 
multimedia sau de articole ale grupurilor de ştiri) se regăsesc şi în cadrul motoarelor 
clasice (e.g.: la Altavista sau Google). 


Structura unui meta-motor 


Anatomia unui meta-motor de căutare este ilustrată în figura următoare: 
“f Motor de - Motorde ÎN 
{ Căutare J ; căutare N Jf 
f interfatade ) Interfata de 

„| interogare | interogare $f 


Meta-motor de căutare 


Structura generală a unui meta-motor de căutare 
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Dispecerul de cereri poate diviza interogările complexe date de utilizator în sub- 
cereri, fiecare sub-cerere fiind expediată unui motor de căutare clasic. Nu toate meta- 
-motoarele de căutare trimit în manieră concurentă cereri motoarelor de căutare. 

Monitorul de performanţă supraveghează starea fiecărui motor de căutare. 
Atunci când unul dintre motoare devine neoperaţional sau inaccesibil din rațiuni 
legate de reţea, se poate decide în mod automat ca respectiva cerere să fie dată spre 
prelucrare altui motor. De asemenea, monitorul de performanţă are ca misiune şi 
primirea listelor de adrese ale paginilor găsite, 
Modulul responsabil de interfaţa cu utilizatorul va furniza un formular electronic 
pentru a fi completat cu interogarea dorită. După primirea rezultatelor de la 
motoarele de căutare, listele cu URl-uri vor fi compilate, eliminându-se informaţiile 
redundante şi cele contradictorii. Deoarece fiecare motor de căutare va returna o 
listă de pagini într-un format propriu, meta-motorul de căutare va realiza şi o 
convertire la un format comun care va fi prezentat clientului. 


2, 1.4 Portalurile Web 


De asemenea, pe Web pot fi căutate informaţii specifice unui domeniu de interes: 
afaceri, comunităţi umane, divertisment etc. Aplicațiile specializate în acest sens 
poartă numele de portaluri Web, punând în plus la dispoziţie şi alte servicii, precum 
accesarea unui cont de poştă electronică, cursul valutar, starea meteo, înscrierea la 
liste de discuţii şi altele. Astfel, un portal poate fi privit drept integrator de conţinut, 
fără a oferi însă o colecţie nestructurată de legături spre alte situri. | 

Dat fiind caracterul flexibil de care se bucură portalurile, unii vizitatori le 
consideră a fi simple pieţe virtuale sau locuri destinate diverselor tranzacţii, iar 
pentru alţii ele sunt sinonime cu siturile dedicate comunităţilor Web. 

Un caz aparte este cel al portalurilor de întreprindere, funcţionând în cadrul 
intranetului unei companii. Conform afirmațiilor lui Matt Cain, acest tip de portal 
constituie „un cadru care oferă diferite niveluri de funcţionalitate (conţinut sau 
aplicaţii) şi interactivitate (comunităţi) pe baza preferințelor utilizatorilor şi a 
regulilor de afaceri”. . 

Portalurile de întreprindere îmbină accesul la datele interne ale firmei cu accesul 
general la Web, oferă posibilităţi de personalizare a conţinutului şi pot pune la 
dispoziţie mijloace flexibile de stocare structurată a informaţiilor. Acest tip de 
portaluri se poate clasifica în următoarele categorii: 


e portalurile de date ~ sunt dedicate în special transmiterii rapoartelor 
organizaţiei unui set larg de utilizatori (e.g: toţi angajaţii), folosindu-se tehno- 
logiile Internet; 

e portalurile de informaţii — se concentrează asupra organizării şi livrării prin 
intermediul Internetului a informaţiilor nestructurate sau incluse în docu- 
mente tradiţionale; 

e portalurile de colaborare - oferă un mediu interactiv de colaborare între utilizatori. 


Cerinţele sunt similare sistemelor de gestiune a bazelor de date: posibilităţi de 
căutare structurată sau bazată pe exemple (example-based query), de răsfoire a datelor 
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(browsing), de filtrare automată a informaţiilor, de gestiune a versiunilor multiple de 
documente : (concurrent versioning system), de notificare automată la fiecare 
actualizare, de arhivare a datelor mai vechi etc. 

Ca etape de evoluţie - unele regăsite şi în cazul unui portal general - se pot 
enumera: 


e nivelul 1: tablă de materii - portalul oferă informaţii despre companie, diverse 
elemente de conţinut, posibilităţi de căutare internă şi legături către alte situri 
relevante; 

* nivelul 2: agregare şi organizare a conţinutului - portalul pune la dispoziţie 
diverse opţiuni avansate de căutare, facilităţi de parcurgere a categoriilor de 
subiecte, posibilităţi de personalizare; 

° nivelul 3: integrare a datelor, aplicaţii dinamice - portalul oferă suport pentru 
clienţii şi furnizatorii firmei, pentru colaborarea între grupuri de angajaţi, 
pentru agregarea datelor la nivel de organizaţie etc.; 

* nivelul 4: integrare globală, documente dinamice — portalul dă posibilitatea de 
a administra on-line lanţul de aprovizionare, de a implementa. mecanisme 
variate de e-business şi de integrare a datelor externe companiei. 


Ca exemple de aplicaţii pentru implementarea portalurilor de întreprindere 
putem menţiona Oracle Portal, IBM Enterprise Information Portal sau eZ Publish. - | 


2.2 Realitatea virtuală 
2.2.1. Caracterizare 


Realitatea virtuală reprezintă o simulare generată de calculator a unui mediu 
tridimensional în care utilizatorul este capabil să vizualizeze şi să prelucreze conţi- 
nutul acestui mediu. Deseori, realitatea virtuală se confundă cu ciberspațiul, termen 
inventat de William Gibson în romanul SF Neuromancer (publicat în anul 1984). 

Realitatea virtuală este dinamică şi în interacţiune permanentă cu receptorul ei. 
Mai mult, realitatea virtuală este tridimensională, maleabilă şi intens interactivă, 
fiind rezultatul unei combinaţii de hardware şi software multimedia de nivel avansat, 
Utilizatorul unui sistem virtual are libertatea de a explora lumea creată pe calculator 
şi de a interacţiona direct cu ea, prin intermediul unor echipamente sofisticate 
precum mănuşa (data glove) şi costumul senzorial (data suit) sau ecranul retinian 
virtual (Virtual Retinal Display). 

Modelarea unui univers tridimensional virtual se poate realiza cu ajutorul 
limbajului VRML (Virtual Reality Modeling Language), inspirat din formatul de 
fişier Open Inventor de la Silicon Graphics Inc. (SGI). Specificaţiile VRML au 
apărut în premieră în anul 1995, o dată cu prima versiune VRML., Aceasta a fost 
urmată de VRML 2.0, regăsită cu minore modificări sub denumirea de VRML97. 
Recent, limbajul VRML a fost rescris în termenii XML, noua specificaţie 
numindu-se X3D. 
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Navigatoarele VRML pot accesa dintr-o scenă 3D particulară alte fişiere VRML 
cu ajutorul unui anumit URI specificat. Similar, navigatoarele Web pot încărca de la 
distanţă lumi modelate în VRML, folosind Plugin-uri sau aplicaţii externe (precum 
Cortona, CosmoPlayer ori World View). i 


Vizitarea unui birou virtual modelat în VRML 


2.2.2 Medii virtuale distribuite 


Un mediu virtual distribuit reprezintă un sistem software care permite interacţiunea 
în timp real, de la distanţă, a mai multor utilizatori, încorporând grafică 3D şi sunet 
stereo. Mediile virtuale distribuite oferă o interacţiune complexă între mai multe 
lumi virtuale, fiecare dintre acestea putând fi stocată pe alte servere. 


Caracteristici principale 
Un mediu virtual distribuit prezintă următoarele Caracteristici: 


1. Iluzia spaţiului comun - participanţii la mediu au iluzia localizării în acelaşi 
spaţiu tridimensional (aceeaşi cameră, clădire ori acelaşi areal). De cele mai 
multe ori, spaţiul este fictiv, generat electronic, dar trebuie să prezinte aceleaşi 
proprietăţi pentru toţi utilizatorii (aspect meteorologic, acustică, textură etc.). 

2. Iluzia prezenţei comune — fiecare dintre participanţi se transpune în rolul unei 
persoane virtuale, numită avatar, care are, printre altele, asociate următoarele: 
* o reprezentare grafică (cât mai plauzibilă); 

* un model al structurii corpului (prezenţa membrelor, antenelor etc.); 

* un model al deplasării (mulţimea mişcărilor şi gesturilor pe care le poate 
executa); 

° un model fizic (e.g: greutate, înălţime etc.), 

Nu este obligatoriu ca un avatar să aibă formă umanoidă, un utilizator putând 

avea asociate mai multe reprezentări de tip avatar. Pot exista locuitori ai 
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spaţiului virtual care să nu fie controlaţi de utilizatorii externi, o parte dintre 
avataruri putând fi create de program, constituind, de fapt, elemente ale 
mediului distribuit şi posedând sau nu inteligenţă artificială, 


Transformarea unei imagini 2D în una 3D în vederea modelării unui avatar 


Iluzia timpului comun - mediul virtual distribuit permite interacţiunea utiliza- 
torilor în timp real. 

Posibilitatea comunicării — facilităţile mediului în ceea ce priveşte asigurarea 
comunicării includ comunicarea prin gesturi, prin text introdus de la un 
dispozitiv de intrare sau prin voce. 


Partajarea informaţiilor — în afara faptului că facilitează comunicarea dintre 


utilizatori, sistemul oferă posibilitatea interacţionării cu mediul virtual (de 
exemplu, participanţii la o simulare virtuală pot selecta, muta, transforma 
obiecte care există în mediu şi pot să le dea altor utilizatori). Un proiectant de 
mediu virtual distribuit poate oferi utilizatorilor libertatea de a construi 
edificii, de a desena pe o tablă sau chiar de a distruge mediul. De asemenea, se 
poate da posibilitatea de colaborare participanţilor în vederea îndeplinirii unui 
obiectiv comun. 


Conectarea mai multor utilizatori la sistem diferenţează mediile virtuale 


distribuite de realitatea virtuală obişnuită. Posibilitatea de a partaja diverse obiecte 
puse la dispoziţie de mediu conferă acestuia o capacitate de comunicare mai 
nuanţată, faţă de serviciile conversaţionale clasice (precum chat-urile sau sistemele de 
teleconferinţe). Interactivitatea în timp real este o altă caracteristică forte, inexistentă 
la navigatoarele Web sau la serviciile de poştă electronică. 


Mediile virtuale distribuite sunt cele mai indicate pentru aplicaţii care necesită 


crearea tele-prezenţei. 
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Mediu virtual distribuit care simulează o cafenea: Caffeine Machine (IBM), 
Înainte de a intra în mediu, utilizatorul îşi alege tipul de avatar dorit 


Origini 
Mediile virtuale distribuite provin din: 


e medii virtuale militare — unul dintre cele mai cunoscute este SIMNET 


(Simulator Networking), dezvoltat pentru DARPA începând cu anul 1983 şi 
dat în folosinţă abia în 1990, jucând ulterior un rol destul de important şi în 
operaţiunea „Furtună în deşert”. Scopul proiectului a fost dezvoltarea unui 
mediu virtual distribuit ieftin destinat antrenării unor unităţi militare cu 
efectiv restrâns. Din ideile şi succesul sistemului SIMNET ia fiinţă protocolul 
denumit Distributed Interactive Simulation (DIS), standardizat în 1993, având 
un ecou răsunător în domeniul militar, dar prezentând unele inconvenienţe, 
precum numărul redus de participanţi (maxim 300 de utilizatori concomitent), 
transferul de pachete de date voluminoase şi necesităţile hardware destul de 
însemnate (pentru simulări cu un grad mare de realism se folosesc exclusiv 
staţii SGI costisitoare). SIMNET - şi, ulterior, DIS - folosesc o tehnică specială 
numită dead-reckoning pentru evitarea inundării reţelei cu pachete de date; 


e jocuri în rețea - una dintre primele încercări de implementare a unui simulator 


de zbor real o constituie Flight, program furnizat în premieră în vara anului 
1983 şi inclus în software-ul oferit pentru staţiile grafice comercializate de SGI 
în perioada 1984-1992. Partea de reţea a fost adăugată începând cu 1984, dar 
utilizatorii conectaţi la simulator nu puteau interacţiona. Acest lucru a 
devenit însă posibil prin programul demonstrativ Dogfight, limitat iniţial la 10 
utilizatori din raţiuni de evitare a congestiei reţelei. Aceste două aplicaţii au 
inspirat, peste ani, dezvoltarea mediilor virtuale distribuite, mai ales prin 
faptul că SGI a făcut publice sursele programelor (fragmente din aceste surse 
au fost folosite pentru proiectul NPSNET pe care îl vom descrie mai târziu). 

O altă sursă de inspiraţie a constituit-o Doom, produs de idSoftware, apărut în 
premieră în 1993 ca aplicaţie shareware, punct de cotitură în industria 
jocurilor în rețea. Doom oferea un mediu tridimensional realist, zgomotos şi 
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populat cu monştri. Succesorul lui, Doom II, a fost disponibil din octombrie 
1994 şi s-a vândut în lume în peste 1,6 milioane de exemplare. 
Pentru Macintosh, se poate menţiona jocul Marathon, având o grafică 
impresionantă şi sunet spaţial, apărut în 1994, care oferea, ca şi Doorn, utilitare 
pentru editarea şi crearea de către utilizator a scenelor 3D; l 

e medii virtuale academice - unul dintre eforturile timpurii ale comunităţii 
academice de creare a unor medii virtuale distribuite s-a concretizat în 
proiectul de cercetare NPSNET, având la bază câteva proiecte studenţeşti 
precum FOG-M (Fiber-Optically Guided Missile System), VEH (Vehicle 
Simulator) şi MPS (Moving Platform Simulator), dezvoltate pe staţii Unix în 
perioada 1986-1983. 
NPSNET (Naval Postgraduate School Network) a avut mai multe stadii de 
dezvoltare. NPSNET-1 - a cărui demonstraţie publică a avut loc la Conferinţa 
SIGGRAPH'91 - folosea un protocol propriu de comunicare şi putea rula 
într-o reţea locală. Ultima versiune, NPSNET-IV, a continuat să fie dezvoltată 
până în decembrie 1996, oferind marea majoritate a facilităţilor puse la 
dispoziţie de mediile virtuale distribuite actuale. 
Un alt proiect, PARADISE (Performance Architecture for Advanced Distributed 
Interactive Simulation Environments), a fost iniţiat în 1993 la Universitatea 
Stanford, fiind focalizat în principal pe problemele de comunicare în reţea şi 
având ca punct de start programul Dogfight menţionat anterior. PARADISE 
utilizează tehnici sofisticate de programare, fiind operaţional pe staţii IBM 
RS/6000 cu suport pentru OpenGL. 


Institutul Suedez de Informatică lucrează la dezvoltarea unui mediu ` 


compatibil cu SIMNET şi DIS, denumit: Distributed Interactive Virtual 
Environment (DIVE). Dacă iniţial aplicaţia rula pe sisteme IBM RS/6000, 
permiţând conectarea simultană a numai, doi utilizatori, ulterior a fost 
` transferată pe staţii Sun. 

Al proiect academic este BrickNet, iniţiat la Universitatea Naţională din 
Singapore, rulând la început pe staţii Sun şi SGI Indigo, apoi şi pe calculatoare 
personale. 


Structura unui mediu virtual distribuit 
Un mediu virtual distribuit prezintă următoarea structură: 


e motoare şi display-uri grafice (staţii de lucru grafice, deseori suportând 
standardul OpenGL, căşti de vizualizare, ecrane retiniene etc.); 

e dispozitive de comunicare şi control (tastatură, mouse, joystick, mănuşi/ 
costume senzoriale, detectoare de mişcare, microfoane, boxe audio şi altele); 
sisteme de procesare distribuită a datelor vehiculate; 

e reţele rapide - locale sau mondiale, bazate pe tehnologii ca ISDN (Integrated 
Services Digital Network) sau DSI (Defense Simulation Internet) - comunicarea 
realizându-se printr-un protocol special precum VRTP (Virtual Reality 
Transfer Protocol) sau folosindu-se standardul Living Worlds. 


Problemele care pot surveni în implementarea şi funcţionarea unui mediu virtual 
distribuit sunt, în principal, cele legate de administrarea în timp real a resurselor, 
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pierderea de date, lăţimea de bandă, eterogenitatea şi scalabilitatea echipamentelor, 
configurarea şi exploatarea software-ului. ; 

Mediile virtuale distribuite pot fi văzute ca fiind, concomitent, sisteme distribuite, 
aplicații grafice şi aplicații interactive, integrând sisteme de baze de date (utile pentru 
memorarea datelor persistente care generează mediul: forme şi localizări de obiecte, 
texturi, informaţii despre avataruri etc.), interacţionând cu sisteme tranzacţionale (de 
comerţ electronic, de exemplu) şi trebuind să asigure autentificarea utilizatorilor şi 
jurnalizarea activităţilor. 


Standardul Living Worlds 


Conceput de grupul de cercetare al Consorţiului Web 3D (fostul Consorţiu VRML), 
scopul standardului Living Worlds este definirea unui set de convenţii VRML 2.0 
pentru facilitarea interoperabilităţii mediilor virtuale distribuite. Living Worlds nu 
reprezintă o arhitectură completă a unui mediu virtual efectiv, ci se concentrează 
asupra specificării unor serii de prevederi privind utilizarea lumilor modelate în 
VRML în context distribuit: suport pentru prezenţa virtuală a mai multor partici- 
panţi, pentru interacţiunea directă dintre participanţi şi sistem, pentru asamblarea 
dinamică a mediului din diverse componente precum avataruri, modele partajate, 
camere virtuale şi altele. Astfel, sunt puse la dispoziţie biblioteci (abstracte) conţinând 
scene VRML care pot fi (re)folosite de proiectanți şi programatorii de lumi 3D. 
Sunt definite interfeţe pentru: 


coordonarea poziţiei şi stării obiectelor partajate (inclusiv avataruri); 

schimbul de informaţii între obiectele unei scene VRML; 

asigurarea securităţii aplicaţiilor VRML (la nivel de sistem şi de utilizator); 
dezvoltarea unei biblioteci de utilitare şi de extensii VRML, în prezent 
făcându-se trecerea la X3D; l 

+ identificarea şi integrarea în timpul rulării a script-urilor VRML. 


Pentru asigurarea interoperabilităţii şi independenţei de platformă, Living 
Worlds impune ca limbajul de programare a sistemului să fie Java. 

Aplicațiile reprezentative bazate pe specificaţiile Living Worlds ~- aflate încă în 
stadiu de cercetare şi dezvoltare - sunt următoarele: i 


e blaxxun Interactive - compus din clienţii blaxxun Community Client pro şi 
serverele blaxxun Community Server objects, posedă propriul navigator VRML 
2.0 oferind suport pentru zpplet-uri Java externe; 

o Sony Community Place - are drept scop asigurarea unor condiţii bune de 
vizualizare a lumilor 3D virtuale chiar şi pentru clienţii conectaţi la Internet 
prin modem, furnizând servicii conversaţionale de tip chat (text sau grafic), 
facilitând interacţiunea cu obiecte animate etc, Serverul şi clienţii folosesc un 
protocol special, denumit VSCP (Virtual Society Client Protocol, bazat pe 
TCP/IP; 

e Open Community - mediu virtual distribuit dezvoltat de Mitsubishi Electric 
Research Lab (MERL), înglobează şi o bibliotecă software oferind servicii 
precum comunicațiile în reţea, transportul datelor audio şi obiectelor VRML 
în timp real. Protocolul folosit este ISTP (Interactive Sharing Transfer Protocol). 
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Sunt disponibile, de asemenea, instrumente unelte de dezvoltare, majoritatea 
putând fi folosite gratuit. Pentru facilitarea activităţii de proiectare şi implementare a 
unui mediu virtual distribuit (bazat sau nu pe VRML) pot fi amintite mediul de 
programare Bamboo, sistemul High Level Architecture sau cadrul de dezvoltare a 
aplicaţiilor distribuite Java Shared Data Toolkit. l 

Cititorul poate găsi mai multe detalii referitoare la acest subiect în lucrările 
prezentate în cadrul bibliografiei. 


2.2.3 Tendinţe 


Actualmente realitatea virtuală este utilizată deja - înglobată sau nu în alte tehnici de 
reprezentare a informaţiei - în domenii precum arhitectura, învățământul, medicina, 
ingineria, sociologia ori divertismentul. Există, de asemenea, un curent artistic 
avangardist - arta ambientală (environmental art) - în care pot fi încadrate creaţiile 
tridimensionale computerizate, prezente deja pe Web. O altă direcţie este cea a artei 
evolutive (evolutionary art) în care sunt implicate tehnici evolutive, bazate pe 
algoritmi genetici aplicaţi asupra lumilor 3D. E , 

Spaţiul virtual poate deveni viitorul laborator al omului de ştiinţă, viitorul 
simulator cibernetic al inginerilor, viitorul amfiteatru al studenţilor. Tehnici precum 
telesenzaţia (combinaţie complexă între realitate virtuală, computer vision, grafică pe 
calculator şi telecomunicaţii) oferă premisele reprezentării informaţiilor într-o formă 
care simulează realitatea, fiind uşor de utilizat, chiar dacă se bazează pe tehnici 
sofisticate. 


Nane your plors: f i _ Subai | 


Unul dintre „organismele vegetale digitale” ale proiectului Nerve Garden 
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Un proiect spectaculos al organizatiei Biota - www.biota.org - este Nerve 
Garden, bazat pe tipuri particulare de fractali, pe VRML, reţele neuronale, 
tehnologii Web şi tehnici de codificare genetică. Scopurile acestuia sunt studierea 
biologiei digitale, în manieră interactivă, pe Web, şi, într-un viitor mai îndepărtat, 
instituirea unei infrastructuri pentru medii virtuale biologice şi crearea unor noi 
organisme (vegetale şi animale) artificiale. 
Este cert că spaţiul cibernetic se află în continuă transformare şi expansiune. 


2.3 Evoluție (în loc de concluzii) 


Am văzut până acum, în cadrul acestei cărţi, că spaţiul World-Wide Web 
funcţionează în practică datorită: 
e unei scheme consistente de identificare a resurselor, prin intermediul 
identificatorilor universali de resurse (URI); 
e unui mecanism flexibil de transfer de date, reprezentat de protocolul HTTP; 
unei descrieri logice a structurii documentelor hipertext, prin intermediul 


limbajelor de adnotare HTML şi XHTML. 


În prezent, Web-ul a devenit fără îndoială „universul informaţiilor accesibile în 
rețea”, conform definiţiei anticipative date de creatorul acestuia, Tim Berners-Lee. 
Spaţiul WWW s-a achitat de această promisiune într-o manieră spectaculoasă, din 
două motive. Primul dintre ele este reprezentat de flexibilitatea şi independenţa față 
de conţinut a protocolului HTTP - care se poate adapta pentru a putea transfera 
orice format de document - şi, în plus, de existenţa identificatorilor universali de 
resurse (URI) capabili de a reprezenta legături către orice format de document. Un al 
doilea motiv este faptul că selecţia naturală pare să fi favorizat câteva formate care au 
fost dezvoltate pentru Web în mod explicit. În peisajul de o prolifică variaţie a 
sintaxei, stilului, structurii şi semanticii documentelor Web, observăm adoptarea 
preferenţială a limbajelor SGML, CSS, HTML şi XML. Fiecare dintre acestea aduce 
o strategie evolutivă lentă, favorizând codările declarative față de formatele binare 
(de cele mai multe ori proprietare), stilurile de afişare separabile de conţinutul 
propriu-zis faţă de formatarea directă, marcarea declarativă faţă de cea procedurală şi 
semantica bine definită faţă de comportamentul operaţional. 

Evoluţia Web-ului se poate remarca mai ales în direcţiile următoare: 


è evoluția sintaxei spre formate declarative - primul compromis se face în 
privinţa optării între limbajul maşină (binar) şi limbajul natural (textual). La o 
primă vedere, codificarea specifică maşinii pare mai puţin costisitoare datorită 
faptului că ea reflectă direct datele în memorie. Totuși, transformarea datelor 
în format binar poate fi prea fragilă pentru a fi folosită pe platforme eterogene 
(e.g: reprezentarea numerelor) şi în versiuni de software multiple. Codificarea 
binară poate, de asemenea, necesita mai mult spaţiu şi timp pentru 
împachetare şi despachetare. Fişierele text pot fi la fel de eficiente, în plus 
formatele textuale (chiar şi cele în forme parțial lizibile) sunt mai uşor de 
editat, corectat şi extins. 
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Al doilea compromis este legat de amalgamul dintre formatele declarative şi 
cele procedurale. Poate fi mai uşor de elaborat un analizor pentru un program 
care calculează numărul n, decât de transmis un miliard de cifre ale sale. Limbajul 
TeX, bazat pe marcaje, este un exemplu edificator privind puterea oferită de 
formatele procedurale pentru conceperea şi procesarea documentelor, faţă de 
editoarele de texte folosind formate binare proprietare (e.g.: Word). A 
În fine, există un compromis între formatele specifice şi cele generice. În 
măsura în care refolosirea informaţiei este o preocupare critică, o importanţă 
chiar mai mare decât aceasta o are promovarea unei familii de gramatici 
înrudite. Puterea meta-limbajelor SGML şi XML este reflectată de flexibilitatea 
în gestionarea documentelor de toate tipurile, de la manuale şi comunicate de 
presă până la contracte legale şi specificaţii de proiecte, şi de posibilitatea de 
reutilizare a acestora în vederea producerii de cărți, rapoarte şi ediţii 
electronice (pentru CD-ROM, Web, dispozitive mobile etc.) pornind de la 
acelaşi (aceleaşi) fişier(e) sursă, folosind marcaje declarative similare. 

Există o tensiune fundamentală între performanţa, costul şi capacitatea de 
utilizare a strategiilor de codificare uşor lizibile de către maşină şi, respectiv, 


“de către om. Abordarea XML stabileşte un echilibru rezonabil între cele două. 


Facila lizibilitate pentru om implică robusteţe, iar descifrarea rapidă de către 
maşină implică validitate; ambele calităţi adaugă valoare informaţiei şi 
facilitează evoluţia documentelor în timp; ia 

evoluția stilului: de la formatare la foi de stiluri — de când au apărut documen- 
tele, există autori şi proiectanți care şi-au concentrat efortul de perfecţionare 
tehnică şi stilistică pentru fiecare atingere de peniță, fiecare fragment de corp 
de literă, fiecare imagine plasată. În măsura: în care stilul generic al unei 
prezentări poate fi captat în vederea reutilizării ulterioare, cu atât mai multă 
valoare capătă designul şi documentul în sine. Istoria evoluţiei formatelor de 
documente pentru Web favorizează formatarea externă în detrimentul 
directivelor încapsulate tocmai cu scopul ca informaţia să poată fi reprezentată 
independent de stil şi viceversa. = 

Pe parcursul istoriei procesării computerizate a datelor au existat numeroase 
abordări ale reprezentărilor orientate spre formatări interne, de la comenzile 
troff sau groff din Unix la directivele formatului RTF (Rich Text Format) 
şi la marcajele pentru fonturi din HTML (vezi, de exemplu, marcatorul 
<font>). Aproape inevitabil, acestea au fost completate cu „scurtături” de 
formatare reutilizabile: pachete de macro-uri, rigle şi parametri pentru afişarea 
în navigator etc. Clădite pe această experienţă, formatele actuale de 
documente Web - HTML şi XML - permit ca formatarea datelor să poată fi 
realizată extern, prin foi de stiluri. Foile de stiluri în cascadă - CSS (Cascading 
Style Sheets) - merg mai departe şi permit compunerea unor stiluri separate, 
cum ar fi proprietăţile de culoare şi font, seturile de caractere, grafica şi 
prezentarea. Mai mult, controlul formatării este divizat între autor şi cititor, 
acesta din urmă putându-şi interpune propria sa înlănţuire de foi de stiluri, 
deci contribuind la prezentarea datelor, în funcţie de dorințele sale 
individuale. 
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Prezentarea datelor, cu reprezentările lor RTF şi XHTML 


Stilurile nu sunt limitate la domeniul vizual; ele pot controla redarea 
conținutului pentru monitoare, hârtie, audio, medii Braille, terminale mobile 
şi multe altele. Acest lucru este preţios, îndeosebi dacă se doreşte adaptarea 
prezentării documentului pentru utilizatorii cu handicapuri fizice, dislexie sau 
pentru analfabeți, ca şi în cazul a diverse privaţiuni de circumstanţă 
(utilizatori care vorbesc la telefon sau lucrează într-un mediu zgomotos). 
Fluxurile audio pot fi transcrise pe Web ca text pentru persoanele cu 
deficienţe de auz; navigatoarele audio (precum Web Galaxy, Vox Portal sau 
WIRE) oferă facilitatea de a citi paginile Web pentru utilizatorii care nu le pot 
parcurge în mod direct, în conformitate cu foile de stiluri aurale. 

Cu toate că tehnologia Web actuală suportă atât formatarea internă, cât şi pe 
cea prin intermediul foilor de stiluri, sistemele pentru gestionarea unor 
cantităţi mari de informaţie de tip hipertext necesită de cele mai multe ori 
formatare externă pentru ca informaţia să rămână uşor navigabilă şi facil de 
prelucrat. Se recomandă deci separarea datelor de modul lor de prezentare; 
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Structură Format 


Conținut 
(inform ații) 


ia a meat) 


Relaţiile dintre structură, conţinut şi format 


e evoluția structurii — să considerăm următorul exemplu: structura unui articol 


de ziar include un titlu, numele autorului, corpul articolului şi subsolul. 
Diversele formate concurente (eg: SGML) de documente încearcă să 
surprindă această structură în cadrul reprezentării lor. 

Unele descriu bucăţi din document în termeni legaţi de prezentarea datelor: 
proprietăţi precum italic, indentat, stabilirea unui anumit corp de literă (font) 
şi aşa mai departe. La cealaltă extremă, alte formate folosese termeni 
declarativi: titlu, adresă, intrare de la tastatură etc. Multe alte formate se află 
undeva între aceste două extreme, precum marcajele XHIML <em> şi 
<font>, în comparaţie cu <address> sau <abbr>. 

Alt tip de structuri declarative pentru aplicaţiile SGML şi XML sunt 
definițiile de tipuri de documente - DTD (Document Type Definition) -, care 
impun documentelor valide să includă mai multe elemente (marcaje) într-o 
ordine precizată (e.g.: „fiecare apariţie a lui <oraş> trebuie să fie precedată de 
marcajul <adresă> şi urmată de <cod_poşta1>”). În prezent, declaraţiile 
DTD tind a fi înlocuite de schemele XML. 

Luarea unei decizii finale de-a lungul acestei axe aduce după sine 
compromisuri între precizie şi comprehensibilitate: semanticile orientate spre 
prezentare, mai lejere, sunt în mod universal mai bine înţelese decât cele 
declarative. Marcajul <address> a devenit parte din repertoriul HTML, însă 
<abstract> (denotând marcarea rezumatului unei lucrări) nu. Marcarea 
declarativă, indicând în mod clar rolul diverselor părţi de document, are 
avantajul de a putea fi refolosită mai târziu. De exemplu, motoarele de căutare 
(eg: Google) pot atribui ponderi termenilor dintr-un rezumat într-un mod 
mai semnificativ, sau pot extrage automat numele reporterilor dintr-un set de 
„tăieturi din ziare” folosind un instrument de captare a informaţiei. 

Vom opta pentru descrierea structurii unui document mai degrabă după 
funcţia sa decât după formă. Aceasta conduce la asigurarea unui suport pentru 
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un set extensibil de marcaje, ceea ce HTML şi CSS nu pot oferi. Evoluţia 
centralizată a HTML împiedică întocmirea unei liste exhaustive de marcaje 
răspunzând tuturor idiomurilor dorite de potenţialii autori de pagini Web. 
Un marcaj nou are în mod potenţial o sintaxă ambiguă, o semantică ambiguă 
şi o prezentare ambiguă (mai ales fără adăugiri de foi de stil). 

Comunitățile de interese de pe Web au nevoie să-şi publice propriile definiţii 
uşor, proces facilitat de folosirea meta-limbajului XML. Aceste noi definiţii 
pot chiar să meargă mai departe de specificarea rolului fiecărui marcaj, pentru 
a include interpretări şi comportamente; adică pentru a suporta noi semantici. 
De altfel, navigatoarele Web actuale oferă suport (mai mult sau mai puţin 
dezvoltat) pentru documentele XML. Îl informăm pe cititor că pe CD-ul care 
însoţeşte lucrarea de faţă este inclus un tutorial XML în limba română; 
evoluția semanticii - testul suprem pentru ca un format de document să 
„supravieţuiască” pe Web este măsura În care conţinutul său suportă diversele 
tipuri de utilizări. Documentele există ca artefacte ale unor procese mai largi, 
precum achiziţionarea, raportarea sau dezvoltarea software-ului, iar aceste 
utilizări ataşează componente semantice diferitelor părţi ale documentului. 
Suportul pentru semantică al unui anumit format se referă începând de la 
comportamentul operaţional codat hard în procesele care manipulează 
conţinutul şi ajungând până la a fi bine definit, adică a da definiţii larg 
disponibile şi documentate ale conţinutului. 

Să considerăm un fişier text constând dintr-o listă cu acţiuni planificate pentru 
perioada de timp imediat următoare. Acest fişier poate fi folosit drept mini- 
agendă de activităţi descrise în limbaj natural de către un utilizator. O 
versiune HTML cuprinzând termene limită pentru fiecare activitate ar putea 
fi analizată de un program care procesează conţinutul şi alertează utilizatorul 
(eventual printr-un mesaj pe telefonul mobil) în preajma acestor termene. Mai 
mult, o a treia variantă a acestui fişier, în format XML, ar putea declara o clasă 
de documente care să definească în mod explicit un marcator <agenda> 
pentru datele dorite. Doar ultimul dintre formate poate pretinde că are o 
semantică bine definită, legată de documentul însuşi prin intermediul oricărei 
aplicaţii separate, Această semantică poate fi încapsulată în alte documente 
XML şi interschimbată cu alte comunităţi de utilizatori, păstrându-şi totuşi 
neambiguitatea. 

Limbajul XML suportă eficient ontologii ocazionale prin intermediul 
definiţiilor tipurilor de documente (DTD) sau al schemelor care pot fi 
compuse în mod dinamic şi referite prin identificatori uniformi de resurse, în 
acest fel descentralizând şi, prin urmare, accelerând ciclul publicării şi 
adoptării noilor formate de documente. 

În mod fundamental, ontologiile - care reprezintă specificări ale unor 
conceptualizări — întruchipează principiul peren care afirmă faprul că sistemele 
autoreprezentative sau autodescriptive reduc costul unui articol, Prin 
stabilirea unei adrese Web (dată sintactic printr-un URI) pentru un fragment 
de cunoştinţe conţinând programe şi/sau informaţii, şi apoi prin partajarea 
acelei adrese cu alţii, autorii pun în practică procesul democratic următor: 
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oricine din comunitatea Web poate arăta că informaţiile respective sunt 
interesante („bune”) prin crearea unei legături către această resursă, pentru o 
eventuală utilizare ulterioară. Utilizatorii nu copiază documentul iniţial, 
eventual operând mici modificări, pentru că ar fi prea costisitor; cel mai ieftin 
mod de a accesa şi propaga ideile conţinute de respectivul document este prin 
intermediul adresei Web, realizându-se o legătură hipertext către acel 
fragment de informaţie. Aceasta alimentează ciclul selecţiei naturale în 
reprezentarea cunoştinţelor: utilizarea determină comunitatea, care rafinează 
la rândul ei, permanent, ontologia comună. 

Un alt exemplu, relativ mai complex, este următorul. Să presupunem că în 
timp ce citiţi acestă lucrare întâlniți următoarea referinţă, scrisă astfel: 


„PHP, programare obiectuală şi XML”, Sabin Buraga, NET Report, 11 (03): 
38-43 (2001) 
Folosindu-vă intuiţia, aţi putea stabili înțelesul acestei referinţe, pe când un 
analizor digital e posibil să nu fie capabil să o facă. Mai mult, din cauza 
diverselor convenţii de publicare, alt editor ar putea formata referinţa în 
maniera următoare: 


S. Buraga, „PHP, programare obiectuală şi XML”, NET Report, 2001, Vol. 
11, Nr. 03, pp. 38-43 


Până şi diferenţele minore de punctuație şi de notație pot încurca un program. 


de calculator care încearcă să analizeze referinţa; drept rezultat, automatizarea 
conversiilor între diversele formate reprezentând acelaşi tip de cunoştinţe este 
tentantă. Utilizarea unei sintaxe fragile, având doar o sintaxă de formatare şi 
una operaţională, deşi are destulă semnificaţie pentru un utilizator uman, 
furnizează puţine informaţii pentru maşină. 

Prin reformatarea referinței utilizând marcarea prezentaţională a limbajului 
XHTML, referinţa devine mai accesibilă, deşi regulile reale, tacite („cuvintele 
scrise italic reprezintă publicaţia”) sunt invizibile: 


<p>"PHP, programare obiectuală şi XML”, 
Sabin Buraga, 

<i>NET Report</i>, 

<b>ll</b> (03): 38-43 (2001)</p> 


Cu toate că XHTML permite autorului o oarecare precizare a structurii, 
impune în acelaşi timp atât autorului cât şi cititorului să cadă de acord asupra 
înţelesului atributelor, al valorilor şi al modului lor de marcare. Această 
structură (ambiguă) bazată pe elementele de prezentare a datelor permite 
autorului şi cititorului să scoată în evidenţă ceea ce este important, dar 
reprezintă doar un stadiu incipient pe drumul către o marcare structurală mai 
semnificativă. 

Prin reformatarea referinţei utilizând marcarea structurală (destul de precară 
şi ea) a limbajului XHTML, regulile reale de interpretare devin ceva mai clare 
(„caracterele incluse într-un element <cite> reprezintă un titlu de referinţă” 
şi „conţinutul elementului <h3> referă numele unei publicaţii”): 
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<cite>PHP, programare obiectuală Şi XML</cite> 
<h3>NET Report</h3> 

<h4>Sabin Buraga</h4> 

<ul> 

<li>11 (03): 38-43</li> 

<11>2001</1i> 

</ul> 


Utilizarea structurii de mai sus în referințele bibliografice poate îmbunătăţi şi 
modul de formatare a informaţiilor. 
Mergem mai departe prin reformatarea referinţelor bibliografice utilizând un 
document XML particularizat pentru astfel de referinţe. Astfel, regulile reale 
de interpretare devin foarte precise: 


<bibliografie> 


<titlu>PHP, programare obiectuală şi XML</titlu> 
<revista>NET Report</revista> 
<autor> 
<prenume>Sabin</prenume> 
<nume>Buraga< /nume> 
</autor> 
<volum>11</volum> 
<numar>3</numar> 
<an>2001</an> 
<pagini>38-43</pagini> 


</bibliografie> 


Documentul din acest exemplu este bine formatat chiar în lipsa unei definiţii 
DTD sau a unei scheme XML. Cititorul uman poate înţelege semantica, iar 
maşinile pot manevra informaţiile marcate în XML foarte bine (de exemplu se 
pot afişa toate revistele prin parcurgerea marcajelor şi selectarea caracterelor 
din interiorul fiecărui element <revista>), 
Acest tip de marcare permite modelului informaţional să fie mai descriptiv, 
astfel incât O maşină să poată analiza lucrurile pe care o comunitate umană le 
înţelege de la sine. Problemele sintactice - precum codificarea caracterelor şi 
punctuaţia - sunt definite utilizând adnotări structurate; manipularea 
documentelor - de exemplu restructurarea şi filtrarea - pot fi automatizate, 
iar fiecare componentă a unui document poate fi identificată în mod precis. 
Putem continua rafinarea marcării datelor, stabilind un spaţiu de nume pentru 
marcajele definind referinţe bibliografice (în vederea evitării ambiguităţilor), 
în plus ataşând meta-date fiecărei informaţii (de exemplu, specificând faptul că 
Sabin Buraga este creatorul acelui articol şi traducătorul articolului într-o altă 
limbă, iar drepturile de proprietate intelectuală asupra publicaţiei sunt 
deţinute de altcineva etc.), 
Aceasta face posibilă reprezentarea cunoştinţelor pentru: 
- descoperirea resurselor prin furnizarea unor indicii utile motoarelor de 
căutare; 
- catalogarea computerizată a conţinutului şi relaţiilor sale cu alte date, în 
vederea constituirii bibliotecilor digitale; 
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- evaluarea conţinutului pentru agregare şi filtrare; 
- codificarea, partajarea şi schimbul de cunoştinţe, într-o manieră 
inteligentă. 

Se desprinde limpede motivul pentru care familia XML câştigă tot mai mult 
teren în domeniul Web-ului. Deşi nu există încă soluţii universale menite a 
satisface toate exigenţele pentru procesarea datelor XML, mai ales în ceea ce 
priveşte conţinutul efectiv al paginilor - ca dovadă că imensa majoritate a 
documentelor existente pe Web sunt scrise, în continuare, în HTML =, 


soluţiile bazate pe XML trebuie luate serios în considerare. 
document 
ASN.1 (Abstract Binară Tip-lungime-  |Dependenră de 
Syntax Notation) |° valoare aplicaţie 
ASCII, mei 
pe 08 E BI 
„ua Directive Je . . ră 
f Limbaj de SE 
i T Directive |Caractere, 
extopac é| extensibile paragrafe 
imbricate 
EE SEI Fixă 


Scheme pentru 
meta-date, 
suport pentru 
descrieri 
semantice 


Limbaj natural 


Declarativă 


Comparaţie între diverse formate de documente în evoluția Web-ului 


Evoluţia către formatele declarative (vezi tabelul de mai sus) poate fi constatată 
nu numai în domeniul documentelor, ci şi în tendinţele comunităţii programatorilor. 
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Aceleaşi forţe par să acţioneze şi în dezvoltarea succesivă a limbajelor de Programare 
de tipul mai mult declarativ şi mai puţin operaţional: de exemplu, de la cod-maşină 
evoluţia a condus la limbajul de asamblare, apoi spre Pascal, C, C+ + Perl 
Python, Pike şi Ca. i 

Consorţiul Web - forţa motrice din spatele XML-ului - consideră că misiunea sa 
este aceea de a conduce evoluția Web-ului, Deşi a împărtăşit mai multe idei comune 
Internetului - precum „software-ul gratuit se răspândeşte mai repede”, „sistemele 
ASCII proliferează mai rapid decât cele binare” şi „protocoalele proaste imită; 
protocoalele bune fură” - a impus o strategie inovatoare: „autodescrierea”, Web-ul 
poate fi construit peste el însuşi. Identificatorii universali de resurse, formatele de date 
uşor de procesat de către maşină şi specificaţiile capabile de a fi interpretate de 
calculatoare pot fi împletite într-un sistem extensibil care asimilează orice 
concurenţă. În esenţă, apariţia limbajului XML în spectrul formatelor de date pentru 
Web pune capăt luptei asupra structurării documentelor în vederea realizării viziunii 
originare a creatorilor Web-ului. La ora actuală, XML reprezintă unica modalitate 
existentă pentru adnotarea complexă a datelor. 

De asemenea, XML este principala speranţă a celor care încearcă trecerea la etapa 
Superioară, cea a Web-ului semantic, prin intermediul RDF (Resource Description 
Framework) - cadru de descriere a resurselor care oferă interoperabilitatea între 
diverse aplicaţii care realizează schimbul inteligent de informaţii. Conform 
creatorului Web-ului, Tim Berners-Lee, Web-ul semantic reprezintă o pânză 
consistentă şi logică a tuturor resurselor de pe Web, accentul punându-se pe 
interpretarea datelor de către maşină şi nu pe reprezentarea lor: 

Tot în legătură cu familia de limbaje XML, unul dintre paşii importanţi ai 
evoluţiei spaţiului WWW îl reprezintă serviciile Web bazate pe XML. Serviciile Web 
permit ca elemente programabile să fie plasate pe siturile Web, alţi programatori 
putând accesa funcţionalităţile acestor programe în manieră distribuită şi directă 
pentru orice număr potenţial de sisteme independente, prin folosirea unor standarde 
precum XML şi HTTP. Aceasta va conduce la adoptarea unei alte viziuni privind 
programarea Web şi la construirea unei infrastructuri complexe pe baza căreia să se 
dezvolte diverse aplicaţii specifice, în domenii ca economia digitală, cercetarea 
ştiinţifică sau divertismentul interactiv. | 


Comentarii bibliografice 


Pentru mai multe informaţii referitoare la roboții de căutare, cititorul poate consulta 
dresa http: //bots. internet.com. Un articol interesant discutând avantajele şi 
lezavantajele folosirii roboților Web este Robots in the Web: Threat or Treat?, care 
»oate fi parcurs la http: //into.webcrawler. com/mak/projects /robots/ 
hreat-or-treat html, 

In ceea ce priveşte motoarele de căutare, un articol tehnic, descriind motorul 
soogle, este S. Brin şi L. Page, The Anatomy ofa Large-Scale Hoypertextual Web Search 
"ngine, disponibil la http: //www7 .scu.edu.au /programme / ful papers / 

921/com1921,htm. De asemenea, mai multe detalii despre motoarele de căutare 
> găsesc în partea J a lucrării S. Buraga, Tehnologii Web, Matrix Rom, Bucureşti, 
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2001. Un glosar de termeni referitori la motoarele şi procesul de căutare poate fi 
parcurs la www. cadenza.org/search_engine_terms/. Pentru unele discuţii 
privind strategiile de căutare pe Web, cititorul poate consulta colecţia revistelor PC 
Magazine şi CHIP sau cartea lui M. Jalobeanu, WWW în învățământ, Casa Corpului 
Didactic, Cluj, 2001. 

Menţionăm că pe CD-ul care însoţeşte cartea de faţă, în cadrul secţiunii „Resurse”, 
cititorul are posibilitatea de a alege să viziteze o serie de motoare de căutare şi 
portaluri. 

Ca resurse privitoare la realitatea virtuală, recomandăm cartea S. Singhal şi 
M. Zyda, Networked Virtual Environments, Addison-Wesley, New York, 1999. Alte 
materiale bibliografice utile sunt F. Ionescu, Grafica în realitatea virtuală, Editura 
Tehnică, Bucureşti, 2000 şi tutorialul VRML disponibil la adresa 
http: //wwuw. vapourtech.com/vrmlguide. Pentru o privire de ansamblu 
asupra universului realităţii virtuale şi pentru urmărirea evoluţiei acestui domeniu, 
cititorul interesat poate vizita situl Consorţiului 3D - www. web3d. com. 

O serie de informaţii referitoare la mediile virtuale distribuite pot fi găsite şi pe 
siturile http: //wwu.npsnet .nps.navy.mil/npsnet şi http: //wuww. sics.se/ 
âce/dive/âive.html. Detalii despre proiectul Nerve Garden al organizaţiei Biota 
sunt disponibile pe situl Web al acesteia: www. biota.org. De asemenea, pe CD-ul 
cărţii este disponibil un tutorial elaborat de Ştefan Tanasă, putând fi consultat de 
cititorii interesaţi de subiectul lumilor virtuale. 

Evoluţia World-Wide Web poate fi surprinsă cu fidelitate vizitând situl 
Consorţiului Web: www.w3 . org. Primele idei privitoare la Web-ul semantic au fost 
disponibile publicului încă din anul 1998, într-o notă semnată de Tim Berners-Lee: 
nttp: / /www.w3 .0rg/DesignIssues/Senantic. html. Un alt sit demn de 
interes este www. SemanticwWeb.org. In ceea ce priveşte serviciile Web, reco- 
mandăm adresa www .WebServices.org. 

Lumea XML este în continuă evoluţie, de asemenea. Cititorul are posibilitatea de 
a afla mai multe despre familia de limbaje XML şi tehnicile de procesare a 
documentelor marcate în XML parcurgând tutorialele incluse pe CD-ul cărţii. 
Pentru alte amănunte, a se vedea situl www.xml.org sau rapoartele tehnice 
disponibile pe situl Consorţiului Web. 


3. AFACERI PE WEB 


: ta pt FR aa ua 
Economia va rămâne principala ştiinţă atâta timp cât nu vom 
reuşi să ne hrănim cu cer şi cu vânt. (Mihály Tancsisc) 


Capitolul de faţă realizează o trecere în revistă a problematicilor şi 
tendinţelor unuia dintre domeniile tinere ale tehnologiilor Web — e-business, 
Se detaliază modelele şi categoriile actuale de afaceri pe Web, modalitățile 
de plată electronică şi se accentuează unele aspecte referitoare la e-commerce, 


3.1 Generalităţi 


Conceptul de e-business s-a născut cu mult înainte de apariţia Internetului. Încă din 
anii '70, domeniul afacerilor asistate de calculator a devenit popular pentru rețelele 
financiare. Diferite instituţii (în special băncile) erau conectate prin intermediul unor 
reţele private în vederea efectuării diverselor tranzacţii cu sprijinul tehnologiei 
computaţionale. Standardul EDI (Electronic Data Interchange), stipulând diverse 
formate universale de interschimb de informații, a fost disponibil cu mult înainte de 
a fi folosit Internetul pentru aceasta. În schimb, © dâtă cu apariţia Internetului 
dimensiunea afacerilor electronice a crescut simţitor. ` 

Termenul e-business a fost folosit în premieră în anul 1997 de către IBM. În acea 
vreme, compania lansase o campanie puternică în jurul acestui termen. La început a 
fost folosit termenul e-commerce care a devenit, ulterior, doar un aspect (ce-i drept 
important) al conceptului e-business. IBM defineşte e-business-ul ca fiind o modalitate 
de „acces securizat, flexibil şi integrat pentru desfăşurarea diferitelor afaceri prin 
combinarea proceselor şi sistemelor care execută operaţii de bază ale afacerii cu cele 
care fac posibilă găsirea informaţiilor pe Internet”. Teoretic, prin conectarea 
sistemului informatic pe Web, putem spune că dezvoltăm un e-business, adică 
instituim „sistemul nervos central al afacerii noastre”, după spusele lui Bill Gates. 

Un alt termen - lansat de compania Hewlett-Packard în 1999 — este cel de 
e-service, desemnând oferirea unor soluţii complete pentru e-business, constituite din 
hardware (echipamente de calcul şi reţea), software şi consultanţă. 

Internetul reprezintă un mediu prielnic pentru afaceri şi comunicaţie, combinând 
toate tehnologiile actuale într-un singur cadru de lucru în care sunt integrate diferite 
dispozitive electronice (telefon, fax, calculator portabil etc.). Trimiterea unui fax pe 
Internet este la fel de simplă ca şi recepţionarea unui mesaj vocal. Este posibil să 
convertim un fax într-un mesaj de poştă electronică sau reciproc şi, mai departe, să 
trimitem acel mesaj pe telefonul mobil. Mai mult, prin intermediul unui dispozitiv 
mobil, cum ar fi telefonul, ne putem conecta la Internet, pentru a parcurge mesajele 
de e-mail (a se vedea servicul wap. yahoo.com), pentru a naviga pe siturile Web, 
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pentru a căuta informaţii folosind diverse motoare de căutare (wap. google.com) etc. 
Putem considera că Internetul, punând la dispoziţie diferite forme de comunicaţie, 
oferă afacerilor posibilitatea de a fi integrate mult mai facil. Dacă ar fi să 
întreprindem un studiu, am constata că numărul de telefoane mobile cu acces prin 
WAP este mult mai mare decât numărul de calculatoare conectate la Internet. Motiv 
pentru care, în viitorul apropiat, ar fi imperios necesară dezvoltarea de diverse 
aplicaţii care să ofere mai multe servicii bazate pe WAP. De ce să nu efectuăm 
tranzacţii prin telefonul mobil, mai ales având în vedere faptul că acesta este mai 
uşor de utilizat decât un calculator prevăzut cu o tastatură care numără peste o sută 
de taste şi care poate să „sperie” orice utilizator novice? 


Pe termen scurt Pe termen lung 
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Evoluţia afacerilor pe Web 


3.2 Prezenţa pe Web 


3.2.1 Motive 


Infrastructura actuală a Internetului permite dezvoltarea de aplicaţii diverse. 
Probabil mai dificil de imaginat ca fiind posibilă practic, o utilizare aparte a 
Internetului (în special a Web-ului) poate fi ilustrată în exemplul următor. 
Computerul unui autoturism emite o cerere prin satelit către toate staţiile de 
benzină aflate pe o rază de 10 km pentru a afla preţul cel mai scăzut. Sistemul de 
navigare al maşinii va conduce şoferul către staţia care oferă benzina cea mai 
ieftină. O altă situaţie este cea în care maşina este implicată într-un accident. 
Calculatorul maşinii detectează cât de grav este avariat autovehiculul şi se conectează 
la situl Web al spitalelor din zonă pentru a putea chema cea mai apropiată 
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ambulanţă la locul accidentului. Între timp, cunoscând identitatea pasagerilor 
maşinii, se pot afla informaţii referitoare la profilul medical al acestora pentru ca 
primul ajutor să fie cu adevărat eficient. În acelaşi mod poate fi apelată şi cea mai 
apropiată staţie de poliţie. 

Deşi aceste situaţii pot părea mai îndepărtate de domeniul afacerilor pe Web, ele 
spun ceva despre forţa potenţială a Internetului, în general, şi a spaţiului WWW, în 
special. Să ne concentrăm totuşi asupra comerţului electronic. 

Comerţul pe Internet a devenit o nouă frontieră pentru lumea afacerilor în 
întreaga lume. Deşi viteza cu care acesta pătrunde în România nu este una dintre cele 
dorite, soluţia de a comercializa produse şi servicii pe Web devine atrăgătoare din cel 
puţin două motive, şi anume: 

e Comerţul electronic oferă oportunitatea de a câştiga cât mai mulţi clienţi şi de 

a comunica mai strâns cu aceştia. Pe Web, fiecare afacere are o prezenţă totală 
(virtual 24 de ore din 24, şapte zile pe săptămână, 365 de zile pe an), şi 
indiferent dacă dimensiunea unei afaceri este mică, medie sau mare, aceasta Îşi 
poate câştiga clienţi din întreaga lume sau se poate adresa unei clientele 
specializate (vânzătoarea de zarzavat nu poate accede la afaceri nici măcar 
naţionale, însă cu ajutorul Web-ului îşi poate promova oferta tuturor 
locuitorilor din cartier). Un alt aspect important este acela că pot fi oferite 
produse speciale unui grup restrâns de clienţi. Tehnologiile calculatoarelor şi 
cele ale comunicaţiilor dau posibilitatea cunoaşterii cât mai multor aspecte 
despre clienţi şi despre preferinţele acestora - după cum menţionează Bill 
Gates, „clienţii modelează afacerile”. Prin creşterea relaţiilor cu clienţii se pot 
amplifica şi rafina vânzările, fiecare client putând fi tratat individual, spre 
deosebire de comerţul tradiţional în care clienţii erau divizați pe Categorii. 
Aceasta conduce şi la realizarea facilă a rapoartelor analitice privind procesele 
de afaceri. 

e Un alt avantaj al comerţului electronic este cel al costurilor reduse pentru 
servicii şi distribuţie, Internetul scade surprinzător costul distribuţiei de 
informaţii şi, la fel de bine, oferă posibilitatea de a menţine informaţiile 
actualizate (a se vedea, de exemplu, siturile magazinelor Web precum Amazon — 
www.amazon.com ~- sau cele ale burselor de diverse tipuri). Într-o lume în 
care clienţii sunt de orice categorie şi aşteaptă orice informaţie despre 
produsele şi serviciile pe care le cumpără, abilitatea de a furniza informaţii (şi 
aceasta foarte ieftin) devine de o importanţă capitală în procesul de vânzare. 
Pe Web, informaţia poate avea şi statutul de produs, comerţul electronic 
migrând de la vânzarea de bunuri palpabile la cea de date (e.g.: consultanţă, 
oferirea de conţinut multimedia: piese muzicale sau filme, software). 


Totuşi, înainte de a ne entuziasma foarte mult de soluţiile oferite de comerţul 
electronic, trebuie să avem în vedere, ca avertismente, şi următoarele aspecte şi efecte 
secundare ale acestuia: 


© migrarea de la o piaţă (şi o competiţie) locală la o piață (competiţie) mondială: 
multe firme (celebrele . com-uri) au neglijat acest aspect şi nu au dezvoltat un 
model viabil de afacere; 
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e problema drepturilor de autor: nu se recomandă etalarea pe Web a unui anumit realiza afaceri electronice, aproape instantaneu, fără a mai trebui să cunoască 
conţinut (informaţii financiare, muzică, reproduceri de artă etc.) sau software, adrese de situri Web, nume de resurse etc, 

fără a avea acordul autorilor (vezi cazul companiei Napster); În ultima fază (utopică?), „0 singură lume, un unic computer”, toate 

e legalitatea: nu oricine poate realiza afaceri pe Web, oricum şi oricând, fără a-şi disp ozitivele electr Oce NOE fi interconectate pentru a crea o uriaşă resursă 

desfăşura activitatea în condiţii legale; informaţională, la nivel mondial. Aceste calculatoare ubicue vor fi capabile să 

e securitatea: nerespectarea normelor de securitate şi de asigurare a schimbe între ele orice tip de informaţie, iar aplicaţiile folosite vor furniza 

confidenţialităţii conduce la eşec timpuriu; utilizatorilor răspunsurile dorite fără ca aceştia să cunoască proveniența lor, 

e viabilitatea: procesele angrenate într-o afacere (oricare ar fi aceea) trebuie să fie Este ceea ce Mark Weiser numea încă din anul 1991 ubiquitous computing, 


viabile (de exemplu, dacă nu este rezolvat mecanismul de plată via Web a 
produselor comandate, de cele mai multe ori este inutil să fie dezvoltat un sit 
Web de comerţ electronic). 


f ; x ; , 
desemnând omniprezenţa şi conectivitatea universală a calculatoarelor. 


Pi 


| 3.3 Modele de e-business 
3.2.2 Etape ale prezenţei pe Web 


Procesele de e-business se pot efectua în diferite contexte, putând fi divizate în 


Credem că nu există dubii pentru nimeni în privinţa motivului pentru care orice ă & 
următoarele categorii generale: 


companie trebuie să fie prezentă, într-o anumită măsură, pe Web. Acest deziderat 
este atins printr-un întreg proces, care poate fi urmărit în mai multe faze: 


A 
1. În cadrul unei organizaţii, zona de influență a afacerilor electronice este 


o. În prima etapă, compania Îşi face simțită prezența pe Web prin intermediul intranetul. Intranetul se bazează pe standardele Internetului pentru 
unei pagini, fără a stabili o strategie clară şi fără a oferi un motor de căutare comunicaţia între sisteme de calcul. Personalul conectat la intranet poate avea 
internă, Se prezintă doar informaţii despre produsele/serviciile oferite. acces la siturile Web specifice unor departamente din cadrul companiei (ie. 
Această fază ar putea fi rezumată în fraza „Salut, sunt on-line”, la nivelul căreia situl departamentului de marketing). Aceste situri sunt separate de Internet 
nu se poate comunica în bune condiţii cu oamenii din interiorul companiei, prin intermediul unor metode de securitate (eg: se folosesc firewall-uri pentru 
iar cu cei din exteripr, foarte limitat. a filtra orice informaţie referitoare la datele interne), astfel încât persoanele 

e În cea de-a doua etapă - numită „sit Web structurat” —, sunt oferite informaţii din afara Organizaţiei să nu poată avea acces la informaţiile private. De 
structurate, pentru care există un motor de căutare după cuvinte-cheie. De exemplu, companii precum Sun, Apple sau Microsoft pun la dispoziţia 
asemenea, este prezentat cadrul general al organizaţiei (profil, posibilităţi de angajaţilor un sit Web în intranet prin care pot fi accesate sistemele proprii. 
contact, informaţii despre angajaţi şi clienţi), iar angajaţii pot schimba mesaje Mai mult, prin intermediul poştei electronice aceştia sunt înştiințaţi când apar 
între ei, prin intermediul sistemului intern de poştă electronică sau prin oferte speciale. Astfel, situl Web din Intranet permite angajaţilor să obţină 
intermediul listelor de discuţii. l informații curente şi să plaseze comenzi on-line, eliminând timpul şi costurile 

e În următoarea fază, compania încearcă să vândă informaţii, bunuri, servicii aferente apelurilor telefonice. 
etc. în manieră on-line (de cele mai multe ori este vorba de comenzi prin poşta 
electronică), dar sistemul nu este conectat direct la o bază de date disponibilă Tehnologii de vârf 
pe Web. Sistemul este lent, costă mulţi bani şi nu este securizat. Nu există nici . 

o posibilitate ca sistemul informatic al companiei să fie conectat la alte sisteme Servicii de afaceri 
informatice ale altor companii. 

e Etapa a patra reprezintă pasul în care situl Web al organizaţiei este direct industrie 
conectat la intranetul acesteia, permițând accesarea informațiilor din baza de 
date internă şi utilizând protocuale securizate pentru a transmite date între Emen 
companie şi clienţi sau către alți parteneri de afaceri (e.g.: furnizori). O putem i 
numi şi faza „afacerilor electronice”. a 

e A cincea etapă, poate mai dificil de imaginat actualmente în România, ar fi cea guvernamental 


în care utilizând orice dispozitiv electronic (telefon celular, autoturism, chioșc 
informaţional etc.) oamenii se vor putea conecta la datele unei anumite 
companii şi vor fi capabili de a trimite/recepţiona informaţiile dorite pentru a 
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În funcţie de politicile de securitate şi de infrastructura rețelei, angajaţii pot 
avea acces de pe Internet la rețeaua privată folosind protocolul VPN (Virtual 
Private Netavork). 


Beneficiu 


Valoare procentuală 


Creşterea productivităţii şi eficienţei 


4 Sia vo osa . . 
Îmbunătăţirea colaborării între angajaţi 72 


Reducerea stresului 65 
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Îmbunătăţirea calităţii muncii 61 


Promptitudinea în luarea deciziilor 


A R az P E - kata ca 
Îmbunătăţirea relaţiilor cu furnizorii şi clienţii 


Micşorarea ciclurilor de producţie şi marketing 


Beneficiile actuale ale intranetului unei companii de dimensiuni mici sau medii 


2. Business-to-business (B2B) reprezintă modelul care încearcă utilizarea 


tehnologiilor bazate pe Web pentru a conduce afaceri între două sau mai 
multe companii. Termenul business poate însemna „cumpărare”, „vânzare”, 
dar şi schimb de informaţii între aceste companii, prin intermediul extranet-ului. 
Tranzacţiile B2B pot avea loc direct între două companii sau prin intermediul 
unei a treia părţi (intermediarul) care ajută la găsirea „cumpărătorului” şi 
„vânzătorului”. | 

Acest model poate fi, astfel, rafinat, în două subtipuri: 


e un prim caz este acela în care există un contract de parteneriat Între 
companii, un exemplu de modelare a acestui scenariu fiind o aplicaţie 
pentru un lanţ de desfacere; 

e al doilea tip presupune existenţa unei pieţe electronice (e-market) în care 
interacționează mai mulţi cumpărători şi mai mulţi furnizori. 


De menţionat faptul că reţelele B2B existau cu mult înaintea apariţiei 
Internetului. Multe organizaţii aveau reţele private care comunicau cu 
partenerii şi clienţii, însă întreţinerea lor era foarte scumpă - mai ales dacă 
platformele de calcul (hardware, sisteme de operare, aplicaţii) erau eterogene, 
chiar incompatibile între ele. Prin intermediul Internetului, costurile au 
scăzut uimitor. 

Modelul Pusiness-to-consumer (B2C) este unul dintre cele mai cunoscute şi 
prezente modele, fiind folosit pentru a vinde bunuri şi servicii către 
consumatorii finali. Tipic, cumpărătorul (consumatorul) utilizează un 
navigator Web pentru a se conecta la situl vânzătorului prin intermediul unui 
furnizor de servicii Internet - ISP (Internet Service Provider). Iniţial, 
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vânzătorul pune la dispoziţie un catalog electronic (denumit şi e-catalog) de 
produse şi de servicii. Situl vânzătorului ar trebui să ofere Sugestii pentru 
produse complementare sau produse alternative mai scumpe, să includă 
recomandări pentru produse şi să pună la dispoziţia clientului cele mai uzuale 
forme electronice de plată. De notat faptul că vânzătorul nu trebuie neapărat 
să joace şi rolul furnizorului sau al producătorului bunurilor/serviciilor pe 
care le pune la dispoziţie. De asemenea, vânzătorul poate apela la furnizori 
multipli (uneori aceştia necunoscându-se direct). 

Ca alte modele se pot menţiona: 

4. Consumer-to-consumer (C2C) care descrie cazul colaborării diferiților 
utilizatori (clienți) prin intermediul documentelor partajate, a poştei 
electronice sau a altor mijloace. 

5. Consumerto-data (C2D) specifică situaţiile în care utilizatorii au nevoie de 
cantităţi însemnate de date (text, imagini, multimedia, informaţii) şi folosesc 
diverse instrumente electronice (cataloage, motoare de căutare, agenţi Web etc.) 
pentru a le extrage. 


3.4 Categorii de e-business 


Dacă la început comerţul electronic era singura faţetă a lumii afacerilor disponibilă 
pe Web, categoriile de e-business actuale s-au născut prin portarea tipurilor de afaceri 
în era digitală, ele devenind independente de tehnologia utilizată pentru 
implementare. Tehnologiile Web sunt capabile de a realiza prezentări multiple a 
informaţiilor şi de a restructura afacerile. 

În timp, tot mai multe tipuri de afaceri vor fi convertite la forma digitală, chiar 
dacă în prezent acest lucru pare imposibil de realizat, Tehnologiile se dezvoltă destul 
de rapid ca să poată face posibil mâine ceea ce nu a fost posibil ieri ori nu se poate 
încă realiza astăzi, 

În cadrul următoarelor secţiuni vom înfăţişa o listă a categoriilor de e-business 
prezente deja în spaţiul digital. 


3.4.1 E-auctioning — licitaţii electronice 


Deja prezente în România, licitaţiile pe Web au căpătat altă dimensiune faţă de cele 
clasice. Într-o licitaţie tradiţională, un număr de oameni sunt prezenţi în casa de 
licitaţii, iar alţi oameni pot licita prin intermediul telefonului. Punerea la punct a 
casei de licitaţii, ca şi licitarea prin telefon, implică o serie de costuri care pot depăşi 
cu mult valoarea bunurilor tranzacţionate. Mai mult, licitaţiile de acest tip pot fi res- 
tricționate la o anumită localizare spaţialo-temporală sau la un grup exclusiv de 
oameni, 

Licitaţiile electronice însă se pot desfăşura într-un mod mult mai democratic, 
permiţând oricui să liciteze un bun/serviciu oferit, indiferent unde se află localizat 
fizic situl, singura condiţie fiind aceea de a avea acces la Internet. Intregul proces al 
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licitaţiei ~ de la etapa de înregistrare a licitaţiei până la încheierea acesteia - poate fi 
astfel foarte scurt. 

In România putem beneficia de licitaţii electronice utilizând diverse servicii 
oferite de situri precum www. okazii.ro sau www. eeebiă. ro. 

Ca exemple de situri cu influenţă mondială, eBay ~ www . ebay . com sau Ricardo - 
www. ricardo. com - oferă deja fiecărui vizitator posibilitatea să liciteze, să fie 
ofertant în cadrul unei licitaţii sau să efectueze ambele operaţii, în acelaşi timp, chiar 
pentru mai multe produse diferite. 
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3.4.2 E-banking — tranzacţii bancare electronice 


Băncile electronice reprezintă una dintre cele mai de succes afaceri on-line. 
E-banking-ul oferă clienţilor acces la conturile lor via Web şi permite efectuarea 
tranzacţiilor financiare doar prin simpla utilizare a sitului. Folosind acest serviciu 
on-line, clienţii au posibilitatea să obţină detalii despre contul lor bancar, să parcurgă 
un jurnal al tranzacţiilor, să transfere fonduri, să emită cecuri, să plătească facturi 
etc., fie prin intermediul unui navigator Web clasic, fie folosind un dispozitiv fără fir 
compatibil cu protocolul WAP, în condiţii de securitate sporită. În ultimul timp, tot 
mai multe sisteme utilizează carduri inteligente (smart cards) pentru sporirea securităţii. 


3.4.3 E-commerce — comerțul electronic 


Există diferite definiţii pentru e-commerce, însă pe scurt acesta reprezintă vânzarea şi 
comercializarea bunurilor şi serviciilor prin intermediul tehnologiilor oferite de 
Internet, 

O altă definiţie generală a comerţului electronic este aceea că reprezintă un 
schimb electronic de informaţii între o afacere şi clienţii săi, constituind aşadar una 
dintre cele mai vizibile fațete ale afacerilor pe Web. O multitudine de aplicaţii şi de 


Afaceri pe Web gi 


furnizori de servicii Web trebuie să conlucreze pentru ca un sit de comerţ electronic 
să poată funcţiona în bune condițiuni. 7 
Beneficiile comerţului electronic rezidă în următoarele observaţii: 


e este convenabil, siturile fiind operaţionale 24 de ore pe zi, 7 zile pe săptămână; 

e costuri interne mici, comerţul electronic eliminând interacţiunea dintre 
cumpărator şi intermediarii tranzacţiei; 

è costuri scăzute de procesare a tranzacţiilor, metoda de plată electronică fiind 
mai puţin costisitoare decât modul de plată prin monetar (despre modalităţile 
de plată vom discuta detaliat în subcapitolul 3.5); l 

e o creştere substanţială a vitezei procesului de vânzare; companiile _ de 
e-commerce recepționează veniturile mai rapid decât în sistemul tradiţional; 

* reducerea erorilor, procesarea automată producând mai puţine erori decât 
procesul de vânzare tradiţional; 

e spaţiu nelimitat, siturile de e-commerce putând afişa/indexa un număr 
nelimitat de bunuri şi servicii; 

e prezenţa globală crescută, compania putând fi accesată (teoretic) de posibili 
clienţi din orice colţ al lumii; 

e disponibilitatea informaţiilor despre clienţi, existând astfel posibilitatea de a 
studia preferinţele unui client individual sau ale unui grup specific de clienţi, 
de a modela afacerea după dorinţele clientului sau de a interschimba rapoarte 
analitice privind clientela - în concluzie, o mai bună interacţiune cu clientul. 


Multe persoane confundă noţiunea de comerţ electronic cu cea de e-business, ea 
fiind în realitate doar o categorie de e-business. Comerţul electronic a reprezentat una 
dintre primele tipuri de afaceri care au devenit disponibile şi în formă electronică, 
dar Internetul facilitează mult mai mult decât vânzare şi cumpărare de produse şi servicii. 

Despre alte aspecte legate de comerţul electronic vom discuta în detaliu în 
subcapitolul 3.6, special dedicat acestui subiect. i adi l 

Există, de asemenea, posibilitatea comercializării de servicii şi nu de produse 
palpabile via tehnologiile Web. Drept subcategorii importante se pot menționa 
turismul electronic (e-tourism) ~ care administrează un segment stabil de servicii legate 
de turism (oferte de sejur, de transport, servicii hoteliere etc.), serviciile electronice de 
concesiune (e-leasing) sau serviciile de consultanţă pe Web (e-consulting). l 

Ca exemplu de sit internațional dedicat serviciilor de turism electronic puteri 
menţiona www.biztravel.com. O altă sursă de informare în- ceea ce priveşte 
turismul electronic este www, opentravel .org. În România, există o multitudine 


de situri dedicate acestui subiect; menţionăm doar Romanian Travel Guide - 
www. rotravel . come 


3.4.4 E-directories - cataloage electronice 


Anuarele şi cataloagele au avut mereu un rol foarte important în găsirea unui anumit 
produs sau serviciu. Aşa-numitele „pagini albe” (White Pages) pentru numere private 
de telefon şi „pagini aurii” (Yellow Pages) pentru telefoanele unor Organizaţii au 
devenit esenţiale în procesul de localizare a unei persoane sau firme (ofertanţi de 
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servicii). În plus, companiile de telefoane oferă şi posibilitatea aflării prin telefon a 
unor informaţii diverse despre abonaţi. 

Aceste două modalităţi au migrat pe Web. Informaţiile sunt disponibile prin 
intermediul unui sit, oferind o funcţionalitate centralizată, oricui şi oricând. 

Web-ul oferă posibilitatea replicării registrului telefonic fără prea mult efort, 
putând facilita mai mult decât simpla căutare a unui număr de telefon după un nume 
precizat. Actualmente, este posibil să furnizăm un număr de telefon şi să primim 
numele posesorului (cel puţin pentru zona Americii de Nord). 

Spaţiul WWW permite ca regăsirea informaţiilor să fie mai uşoară şi în acelaşi 
timp mai dificilă. Mai uşoară pentru că mijloacele de căutare sunt mai puternice, dar 
şi mai dificilă, deoarece volumul de informaţii a crescut într-un mod neaşteptat o 
dată cu apariţia Internetului şi mai ales a Web-ului. 


3.4.5 E-engineering — inginerie asistată 


Ingineria s-a schimbat extraordinar în ultima perioadă. Doar cu câţiva ani în urmă, 
inginerii lucrau cu documânte (planuri, schiţe, prognoze, devize etc.) care trebuiau 
să existe în mai multe copii fizice în fiecare birou; dacă un document trebuia să 
ajungă într-o altă locaţie, atunci acesta era trimis apelându-se la serviciile poştale 
tradiţionale. Tot acest proces implică muncă manuală, deci viteză scăzută şi posibile 
erori. 

Tehnologiile Internet au schimbat toate acestea, imprimând o viteză sporită în 
comunicare, un nivel de colaborare mult mai ridicat faţă de cel existent înainte, 
Acum fiecare utilizator de Web poate participa la dezvoltarea unui proiect, poate 
partaja o parte din codul pentru care şi-a rezervat timp să-l programeze. În prezent 
ingineri din întreaga lume pot participa la dezvoltarea unui proiect prin diferite 
servicii colaborative bazate pe tehnologii Web (e.g.: SharePoint de la Microsoft sau 
sourceforge.net). 


3.4.6 E-gambling - jocuri de noroc on-line 


Jocurile de noroc reprezintă una dintre cele mai profitabile afaceri de pe Internet, În 
lumea reală, jocurile de noroc sunt restricţionate de multe legi care fac dificilă 
supraviețuirea cazinourilor. Proprietarii unor astfel de jocuri sunt nevoiţi să 
plătească taxe mari statului, lucru care îngreunează crearea competiţiei. Folosindu-se 
în mod onest avantajele tehnologiilor Web, jocurile de noroc rămând legale, însă 
taxele care se plătesc statului sunt mult mai mici. Faţă de orice cazinou fizic = 
restricţionat inerent la o anumită zonă geografică - cazinourile on-line dispun de 
multiple oportunităţi de a atrage jucători de pe întregul glob. 

De asemenea, există o multitudine de situri Web oferind servicii de divertisment 
electronic (gratuit sau nu). Ca exemple, se pot enumera Pogo = www.pogo . com, 
Zone — www . zone . com sau Spookie - www. spookie. ro (acesta din urmă, evident 
din România). 
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3.4.7 E-learning - învățământ pe Internet 


Schimbările constante care au loc pe Internet conduc, de asemenea, la necesitatea 
unei schimbări a modului de învățare. În era informaţională, subiectele şi conținutul 
predat nu s-au schimbat prea mult până acum. Cu toate că au apărut de-a lungul 
anilor unele modificări în planurile de învățământ, lucrurile încă decurg foarte lent. 

Cursurile asistate de calculator au fost introduse cu câţiva ani în urmă, punându-se 
deocamdată doar bazele învăţării. Software-ul educaţional este folosit actualmente 
numai pentru a se explica un subiect şi apoi a se testa studentul. Acesta este un mod 
efectiv de învăţare la distanţă, neexistând însă posibilitatea de a întreba pe cineva în 
cazul unor neînţelegeri. 

Învăţarea şi instruirea bazate pe Web (Web-based learning/training) oferă o nouă 
dimensiune în învăţarea/instruirea digitală. Actualmente, este posibil să contactăm 
un profesor on-line, indiferent de localizarea noastră sau a profesorului, este posibil 
să discutăm cu alţi colegi prin intermediul forumurilor virtuale, să schimbăm idei şi 
întrebări, să dăm teste on-line (a se vedea succesul sitului Brainbench). Ca exemplu de 
sit educaţional în România putem da TimSoft - www.timsoft.ro. O altă 
exemplificare, din multitudinea de situri disponibile, este English for Internet - 
www. study . com ~- util pentru cei care doresc să studieze limba engleză. 

De altfel, marile companii oferă posibilităţi de instruire on-line şi aici putem da 
drept exemplificări cursurile sau informaţiile oferite de firmele Cisco, Sun sau 
Microsoft, 

Un alt termen vehiculat în acest context este cel de educaţie într-o universitate 
virtuală (Virtual University Education), în lume funcţionând cu succes câteva zeci de 
astfel de instituţii, denumite universităţi deschise (e.g.: Online Learning în SUA - 
www .OnlineLearning.net, UNED în Spania - www.uned.es sau Virtual 
Online University - www. athena . edu). 

În vederea implementării, se recurge de cele mai multe ori la software specializat - 
medii de dezvoltare a cursurilor electronice precum WebCT. 


3.4.8 E-mailing - mesagerie electronică 


Mulţi oameni nu se gândesc la e-mail când vorbesc despre afacerile digitale, Dar 
comunicaţia este inima tuturor afacerilor, Poşta electronică înglobează avatarurile 
apelurilor telefonice şi ale scrisorilor. Este posibilă ataşarea de fişiere, care pot 
conţine documente formatate, prezentări, imagini şi sunete - un adevărat conţinut 
multimedia referitor la oferte şi nu numai. Informaţia poate fi partajată mult mai 
uşor. De asemenea, tot prin intermediul poştei electronice se poate realiza 
publicitate sau foarte uzitatul spam (mesaje promoţionale nesolicitate). 


3.4.9 E-marketing — promovare electronică de produse/servicii 


Marketingul tradiţional era focalizat pe anumite grupuri de potenţiali clienţi, 
încercând crearea unei imagini pozitive special destinate unui grup particular 
(audienţa-ţintă). Comunicarea prin intermediul reclamelor a constituit singura 
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modalitate de acţionare în acest sens, echipa de marketing neobţinând însă rezultate 
imediate din reacţiile clienţilor. 

Spaţiul WWW permite companiilor să reacționeze într-o manieră particulară la 
nevoile individuale ale clienţilor. Toţi clienţii pot fi trataţi în modul lor preferat, 
marketingul 7-l4-1 devenind o tehnică standard în relaţiile cu aceştia. 

Pentru mai multe amănunte despre publicitatea on-line (e-adversiting) a se vedea 
subcapitolul 3.6. 


3.4.10 E:supply — aprovizionare pe Internet 


Numeroase companii independente ~ unele pe post de clienţi - formează un lanţ de 
aprovizionare. Fabricanţii, companiile logistice, expeditorii, destinatarii, vânzătorii 
cu amănuntul, toţi lucrează împreună pentru a coordona procesul de execuţie şi 
valorificare. Realizarea şi distribuţia produselor şi serviciilor sunt organizate 
conform unui management al lanţului de aprovizionare. Înternetul a redus 
substanţial costul pentru iniţierea unei comunicări business-to-business. Astăzi, prin 
folosirea unor standarde deschise bazate pe XML, partenerii lanţului de 
aprovizionare îşi pot partaja şi schimba informaţii mult mai uşor la un cost redus. 


3.4.11 E-trading -~ acţiuni pe Internet 


Înainte de apariţia Internetului, cumpărarea şi vânzarea de acţiuni era restricţionată 
la persoanele care aveau acces la reţelele financiare. Exista şi categoria celor care 
aveau acces doar la informaţiile din ziare privitoare la preţurile acţiunilor, lucru 
reconfortant doar în situaţia În care nu se dorea câştigul “rapid de bani la bursa de 
valori. 

Internetul a schimbat modul în care acţiunile sunt comercializate. F-trading, 
adesea numit e-brokering, oferă preţurile acţiunilor în timp real oricărui calculator 
din lume. Cei interesaţi pot reacţiona tot în timp real pentru a schimba cursul 
acţiunilor. Fiecare utilizator posedând un cont de genul Internet Bank poate cumpăra 
şi vinde acţiuni. Acest lucru permite oricui să participe la bursa de valori pentru a 
câştiga bani investind. 


3.5 Modalităţi de plată 


3.5.1 Preliminarii 


Modelele tradiționale de plată se rezumă la transferarea banilor utilizând o varietate 
redusă de tehnici: sub formă de bani lichizi sau prin intermediul documentelor 
(cecuri, ordine de plată etc.). De regulă, plata presupune deschiderea unui cont la o 
bancă comercială, deplasarea la sediul bancar pentru a depune banii şi/sau pentru a 
iniţia transferul în contul comerciantului. În funcţie de politica unui anumit 
comerciant, pentru a demara procesul de livrare a produselor către client, acesta 
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poate cere sau nu confirmarea plăţii prin fax. Cea din urmă şi cea mai lungă etapă o 
reprezintă livrarea prin reţeaua de distribuţie a comerciantului sau prin intermediul 
unui serviciu poştal specializat (poştă rapidă, DHL etc.). 

În cadrul comerţului electronic în cea mai pură formă a sa, nu este necesară 
deplasarea la bancă pentru a plăti ofertanţii sau furnizorii de bunuri/servicii, rolul 
băncii în comerțul electronic fiind acela de a transforma banii lichizi în biţi. 
Probabil că banii lichizi nu pot fi eliminaţi complet, dar în mod sigur ei se vor 
transforma din ce în ce mai mult în format electronic. 

Astfel, una dintre cele mai sensibile probleme ale comerţului electronic o 
reprezintă sistemul de plată. Ne punem întrebarea: „Cum putem plăti bunurile pe 
care dorim să le achiziţionăm de pe Web?”. 

În prezent există mai multe sisteme de plată, mai mult sau mai puţin fezabile din 
punctul de vedere atât al utilizatorilor, cât şi al vânzătorilor. Problema cea mai 
spinoasă a fost, este şi va fi cea legată de securitate. Cât de sigur este mecanismul de 
plată electronică? Cunoaştem cu toţii faptul că majoritatea mesajelor trimise prin 
poşta electronică sunt necriptate, ceea ce înseamnă că oricine poate intercepta 
mesajul şi poate, de asemenea, citi sau altera conţinutul fără prea multe dificultăţi. 
Standardele actuale de plăţi electronice folosesc criptarea şi semnăturile digitale. 
Criptarea este necesară pentru ca intruşi nedoriți din reţea să nu poată vedea 
informaţiile „în clar”. Prin utilizarea semnăturilor electronice se poate face proba 
identităţii unei persoane care accesează un depozit bancar sau o carte de credit. 

Banii electronici pot fi împărţiţi în două categorii: cu identitate şi anonimi. Dacă 
un cumpărător foloseşte bani „cu identitate”, atunci banca poate reconstitui traseul 
tranzacţiilor şi al banilor transferați (cazul cărților de credit). Dacă în schimb se 
folosesc bani „anonimi”, nimeni nu poate reconstitui traseul banilor cheltuiţi. 

Pe măsură ce numărul persoanelor conectate la Internet creşte, numărul 
serviciilor şi rețelelor care vor necesita plăţi electronice va spori şi el rapid. 
Interacțiunea dintre consumatori şi ofertanţi va deveni şi ea mult mai strânsă, 
datorită tranzacţiilor efectuate. În comerţul electronic, o tranzacție poate fi înţeleasă 
în general ca reprezentând o serie de acţiuni desfăşurate de trei participanţi: clientul, 
comerciantul (furnizorul) şi banca. 

La iniţierea sistemului de tranzacţii electronice, comerciantul şi banca se pun de 
acord cum să fie efectuat transferul banilor, folosindu-se unul sau mai multe sisteme 
electronice de plată. Apoi clientul poate comanda ceva de pe situl Web al 
comerciantului, această comandă putând fi considerată drept. prima acţiune a 
tranzacţiei. După lansarea comenzii se pot derula diferite acţiuni, cum ar fi: 
comerciantul trimite clientului o confirmare prin e-mail, clientul îşi transferă către 
bancă numărul cărţii sale de credit, banca verifică informaţia despre cartea de credit 
şi verifică şi solvabilitatea cumpărătorului, iar dacă totul este în regulă, valoarea 
bunurilor cumpărate este transferată în contul vânzâtorului. Articolul comandat de 
zumpărător este livrat către acesta şi tranzacţia este finalizată. În funcţie de 
protocolul încheiat între bancă şi furnizor, acesta din urmă poate avea acces la datele 
le identificare ale cumpărătorului sau aceste date pot să rămână secrete. 
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e i 
3.5.2 Cerinţe 


Ca şi în sistemele tradiţionale, cea mai mare problemă constă în asigurarea că nimeni 
nu poate copia banii digitali sau prelua informaţiile cărții de credit, Tranzacţiile 
financiare electronice între bănci au fost realizate cu mult înainte de apariţia 
Internetului. Drept exemplu putem da rețeaua SWIFT (Society for World-wide 
Interbank Financial Telecommunication), o rețea privată care în ultima vreme are tot 
mai multe conexiuni stabilite cu rețelele publice cum este Internetul. 

Sistemele electronice de plată trebuie să îndeplinească câteva cerințe pentru a 
emula schemele de plată existente. Astfel, pentru ca un sistem de plată să aibă succes 
trebuie să îndeplinească următoarele cerinţe: 


° securizat - trebuie să se permită efectuarea în condiţii de siguranță a 
tranzacţiilor financiare în rețelele deschise, cum ar fi Internetul. Falsificarea 
banilor de hârtie este un lucru foarte dificil de realizat. Din nefericire, moneda 
electronică se poate rezuma în final la un simplu fişier care poate fi copiat. 
Copierea sau „dubla cheltuire” a aceleiaşi sume de bani trebuie să fie prevenită 
şi detectată de către sistemele de plăţi electronice; 

e anonim ~ identitatea clienţilor şi a tranzacţiilor efectuate trebuie să rămână 
protejată; 

e convertibil - cele mai multe soluţii de plăţi electronice pornesc de la premisa 
existenţei unei singure bănci. În practică, utilizatorii sistemului (clienţi şi 
furnizori) lucrează cu bănci diferite, fiind astfel necesar ca o monedă emisă de 
o bancă să fie acceptată de alta. 

Fără un astfel de accept, moneda electronică poate fi folosită doar între 
parteneri care au conturi la aceeaşi bancă. Mai mult, banii digitali trebuie să 
poată fi convertiți în orice valută; 

e utilizabil - sistemul de plată trebuie să fie uşor de folosit şi de acceptat, aşa 
cum este şi cel din lumea reală. Comercianţii care vor să-şi vândă produsele 
on-line nu au nici o şansă de succes în cazul în care clienţii nu agreează ideea 
de afaceri pe Web; 

e scalabil - un sistem este scalabil dacă poate suporta noi utilizatori şi noi 
resurse fără a suferi scăderi notabile de performanţă. Astfel, sistemul de plată 
trebuie să permită clienţilor şi comercianților să se integreze în sistem fără a se 
afecta infrastructura acestuia. Existenţa unui singur server central — prin care 
trebuie procesate toate tranzacţiile —, limitează scalabilitatea unui sistem; 

è transferabilitate — se referă la capacitatea unei chitanţe electronice de a declanşa 
transferul banilor dintr-un cont în altul, fără ca furnizorul sau clientul să 
contacteze în mod direct banca; 

e flexibil ~ este necesar ca sistemul să accepte forme alternative de plată, în 
funcţie de garanţiile pe care le solicită părţile care realizează tranzacţia, de 
timpul necesar pentru efectuarea plăţii, de cerinţele de performanţă şi de 
valoarea tranzacţiei. Infrastructura pe baza căreia se efectuează plăţile trebuie 
să suporte diverse metode de plată, incluzând cărţi de credit, cecuri personale 
şi bani electronici anonimi. Aceste instrumente şi metode de plată ar trebui 
integrate într-un cadru comun; 
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e eficient - termenul de eficiență se referă în acest context la costul necesar 
pentru a efectua o tranzacție. Un sistem de plată electronică eficient trebuie să 
fie capabil să asigure costuri reduse în comparaţie cu beneficiile pe care le 
aduce; 

e integrabil - se impune, de asemenea, ca sistemul să suporte aplicaţiile 
existente, să ofere mijloace pentru integrarea cu alte aplicaţii, în mod 
independent de platforma hardware sau de reţea; 

e de încredere — sistemul de plată trebuie să fie permanent disponibil şi să evite 
posibilele erori. 


3.5.3 Efectuarea plăţilor electronice 


Una dintre principalele provocări pe care o întâmpină comercianții detailişti (retail) 
atunci când doresc să implementeze un sistem de comerţ electronic este problema 
furnizării unui mecanism de plată comod, perceput ca suficient de sigur şi uşor de 
integrat într-un sistem de tranzacţii comerciale on-line. Au fost propuse numeroase 
soluţii în acest sens, însă nici una nu a dobândit larga acceptare de care se (mai) 
bucură (încă) bancnota de hârtie (sau de plastic, în România) ori moneda de metal. 

Comerţul electronic va putea evolua dincolo de un anumit nivel doar atunci când 
consumatorii obişnuiţi vor percepe un mecanism de plată electronică ca fiind la fel 
de sigur ca plata „cu banii jos” de astăzi. — 


Mecanisme de plată electronică 
Ca mecanisme importante de plată electronică se pot menţiona următoarele: - 


è plata prin Internet - de îndată ce a fost pus în funcţiune un sistem de vânzări 
on-line, comerciantul va putea vinde 24 de ore pe zi, 7 zile pe săptămână şi 
aceasta peste tot în lume (pe unde a ajuns Internetul, desigur). Mai mult, 
cumpărătorii şi potenţialii clienţi vor avea acces la informaţii de ultimă oră 
referitoare la produse, servicii, preţuri sau disponibilitatea acestora. Pentru ca 
acest scenariu să devină cu adevărat realitate „palpabilă”, comerciantul va 
trebui să se asigure că sistemul informatic va fi disponibil non-stop şi în tot 
acest timp el va avea posibilitatea de a opera gestiunea comenzilor, facturarea, 
procesarea plăţilor şi remiterea banilor (vezi şi cerinţele enumerate mai sus); 

e soluțiile de plată în timp real - cu excepţia cazului în care comerciantul îşi 
desfăşoară activitatea pe principiul „banii jos” sau foloseşte alte metode de 
plată off-line (e.g: plata prin ramburs), obţinerea banilor rezultați în urma 
unei vânzări de tip on-line presupune o serie de procese de interacţiune cu 
bănci sau alte instituţii financiare. 

În prezent, achitarea unei facturi se realizează cu ajutorul cărţilor de credit 
(credit card), banilor electronici (e-cash), cecurilor electronice sau al cardurilor 
inteligente (smart card) care sunt principalele metode de plată folosite în 
comerţul electronic. Din punct de vedere arhitectural, metodele de plată pot fi 
integrate fie la nivelul comerciantului, în sistemul informatic al acestuia, fie 
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oferite outsource de un furnizor de servicii de comerţ (CSP - Commerce Service 
Provider) care va gestiona/intermedia plăţile de la terţi; 

cartea de credit - în ciuda unor campanii promoţionale de anvergură derulate 
în Occident, cu excepţia cărţilor de credit nici una dintre noile metode de 
plată promovate nu a atins masa critică. De fapt, unii consultanţi de specia- 
litate din domeniu prognozează că până la finalul anului 2002 cărţile de credit 
vor rămâne mijlocul de plată preferat pentru 99% din cumpărăturile on-line 
din Occident. 

Cartea de credit reprezintă aşadar cea mai uzitată formă de plată pe Internet. 
Utilizarea acesteia este simplă şi, de aceea, cărţile de credit sunt folosite în 
întreaga lume. Clienţii care navighează în cadrul unui sit Web şi decid să 
achiziţioneze un produs sau serviciu trebuie să introducă informaţiile despre 
cartea de credit prin intermediul un formular HTML. Conţinutul completat 
(tipul cardului, numărul acestuia, numele proprietarului şi data expirării 
cardului) este trimis sitului Web, unde informaţia este colectată şi trimisă la 
bancă. Dacă situl comerciantului are stabilită o legătură directă cu banca, 
atunci este posibilă plata pe loc în cazul în care clientul are credit suficient 
pentru a plăti bunurile comandate. 

Tranzacţiile on-line care folosesc plata cu carduri sunt protejate criptografic, 
iar modalitatea concretă de criptare asigură faptul că numai banca sau 
furnizorul de servicii pentru cărţi de credit vor putea avea acces la numărul 
cărţii de credit, nu şi comerciantul. Cu doar câţiva ani în urmă scepticii 
susțineau că foarte puţini clienţi vor fi dispuşi să ofere on-line informaţii 
referitoare la propriul card de credit (numărul acestuia). Realitatea de astăzi — 
când multe dintre cele mai populare situri de comerţ electronic acceptă doar 
plata prin carte de credit - vine să ne demonstreze că aceştia s-au înşelat. Care 
sunt cerinţele unui sistem care facilitează astfel de tranzacţii? O primă fază 
implică încheierea unor alianţe/contracte cu instituţii financiare, în timp ce 
din punct de vedere tehnic presupune utilizarea unor tehnologii avansate de 
criptare şi autentificare pentru securizarea mesajelor trimise prin Internet. 
Unul din primii paşi pe care trebuie să-l realizeze comerciantul este să-şi 
deschidă un cont la o bancă oferind servicii de tranzacţionare on-line bazate pe 
carduri. 

Tehnologia de criptare folosită în mod curent este SSL (Secure Socket Layer), 
care elimină cu succes posibilitatea ca un intrus să obțină numărul cardului, 
presupunând că el interceptează datele astfel criptate. Dezavantajul acestei 
tehnologii îl reprezintă faptul că SSL nu permite comerciantului să se asigure 
că persoana care foloseşte cardul într-o tranzacţie este chiar deţinătorul 
acestuia, De asemenea, SSL nu oferă nici o cale prin care clientul să afle dacă 
situl comerciantului este cu adevărat autorizat să accepte plata cu cărţi de 
credit şi că nu este doar un sit Web pirat proiectat cu scopul de a colecţiona 
datele despre astfel de carduri (spre bucuria crzcker-urilor). 

Problema a fost rezolvată prin apariţia unei noi tehnologii denumite SET 
(Secure Electronic Transaction), dezvoltată de MasterCard şi Visa. SET rezolvă 
problema autentificării prin asignarea unor certificate digitale atât clientului 
cât şi comerciantului. Mai mult, SET oferă securitate sporită faţă de cea 
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existentă astăzi pe piața comercială tradiţională. Pentru a nu mai da acces 
comerciantului la numărul de card al clientului, SET îl criptează de o manieră 
care asigură faptul că doar consumatorul şi instituţiile financiare abilitate au 
acces la el. Fiecare dintre actorii implicaţi într-o tranzacţie (comerciant, client 
sau instituţie financiară) foloseşte certificatul SET privat, care joacă şi rol de 
autentificare, în conjuncţie cu cheile publice asociate certificatelor care 
identifică pe ceilalți actori. În practică, o companie terță (e.g: Verisign) oferă 
serviciul de a furniza certificate digitale clienţilor săi, deținători de cărți de 
credit. Cât priveşte comerciantul, procesul este similar: în momentul 
efectuării unei cumpărături on-line, înainte de a se realiza vreun schimb de 
date în vederea demarării tranzacţiei, software-ul care integrează tehnologia 
SET validează identitatea comerciantului şi a deţinătorului cărţii de credit; 
procesul de validare constă în verificarea certificatelor digitale emise de 
furnizori autorizaţi de astfel de servicii; 


e facturile electronice — cărţile de credit reprezintă cea mai comună soluţie în 


modelul bysiness-to-consumer. Prin contrast, facturile electronice (e-invoices) 
sunt utilizate în mod frecvent în sectorul business-to-business. În marea 
majoritate a situaţiilor, volumul tranzacţiilor în sectorul B2B este mult mai 
mare faţă de volumul tranzacţiilor efectuate prin intermediul cărţii de credit. 
Un alt motiv pentru a lua în discuţie plata pe bază de factură electronică este 
acela că majoritatea companiilor au utilizat acest instrument, în forma sa 
clasică, în trecut, iar schimbarea modalităţii de plată ar presupune o 
reorganizare a proceselor economice care ar necesita costuri prea mari. , 

Să considerăm un exemplu în care o companie de distribuţie de medicamente 
cumpără zilnic produse de la furnizorii săi, care pot fi producători. Numărul 
de produse comandate zilnic este stabilit pe baza unui necesar generat automat 
în funcţie de vânzările din ultimele două săptămâni. Valoarea tranzacţiei este 
prea mare pentru a fi efectuată de pe o carte de credit. Dorim ca necesarul de 
medicamente să fie transmis automat la furnizori printr-un sistem informatic, 
iar aceştia să răspundă printr-o factură care urmează să fie plătită prin diferite 
mijloace, Pentru a considera facturile drept o soluţie bună pe Web, este 
necesară găsirea unei metode securizate de achitare a lor. Nu am dori ca 
oricine să aibă acces la bazele de date interne ale companiei. O astfel de 
infrastructură este implementată acum prin intermediul standardului EDI 
(Electronic Data Interchange), însă apariţia serviciilor Web va schimba în 
curând infrastructura sistemului de plată prin factură. 

Problema majoră o constituie legislaţia comercială a fiecărei ţări care ar trebui 
să recunoască valabilitatea facturilor electronice pentru ca acest sistem să 
funcţioneze cu succes. Avantajele facturii electronice ţin de reducerea 
costurilor pentru transmitere şi de micşorarea posibilităţilor de apariţie a 
erorilor, destul de frecvente în cazul formularelor clasice; 

cecurile electronice - (denumite şi Internet cheques) nu reprezintă o soluţie des 
folosită. În schimb, este important să înţelegem cum funcţionează şi cum pot 
fi utilizate. Cecurile electronice se aseamănă cecurilor convenţionale; clienţii, 
pentru fiecare tranzacţie de plată, primesc de la banca lor câte un document 
digital în care trebuie să completeze valoarea tranzacţiei, tipul monedei, 
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numele beneficiarului. Pentru a ridica banii de pe cecul electronic este nevoie 
ca acesta să fie semnat digital de către plătitor. 

Există mai multe implementări ale acestei soluţii, dintre care se poate aminti 
NetCheque, un sistem dezvoltat la Information Sciences Institute of the 
University of Southern California - www.usc.edu -, implementând toate 
cerinţele prezentate mai sus. Cumpărătorul şi vânzătorul trebuie să aibă un 
cont deschis pe situl NerCheque. Pentru asigurarea securităţii este folosită 
identificarea prin protocolul Kerberos şi parolă. În plus, pentru a plăti prin 
cec trebuie instalat la client un software special care lucrează asemenea unui 
carnet de cecuri. Un client poate trimite un cec criptat către comerciant prin 
intermediul software-ului. Comerciantul poate ridica banii de la bancă sau 
poate folosi cecul digital pentru o tranzacţie cu un alt furnizor. Un cont 
special din reţea verifică validitatea cecului şi în caz afirmativ trimite un mesaj 
de accept comerciantului care va livra apoi bunurile. Este necesară asigurarea 
unei infrastructuri a cheilor publice utilizate pentru a schimba certificate şi 
pentru a semna cecurile. 

Sunt disponibile, desigur, şi alte implementări, precum Pay Now, serviciu dez- 
voltat de CyberCash - www. cybercash. com sau echeck - www. echeck. org; 
cărțile de debit - (debit cards) sunt utilizate mai mult în Europa decât în Statele 
Unite. Diferenţa dintre cele două tipuri este dată de necesitatea introducerii 
unui număr personal de identificare (PIN - Personal Identification Number) şi 
utilizarea unui dispozitiv hardware care să citească informaţia memorată pe 
banda magnetică a cărţilor de debit. În concluzie, soluţia cărţilor de debit nu 
este în prezent posibilă pe Internet, deoarece nici un calculator nu este dotat 
cu un terminal hardware capabil să citească banda magnetică, Tendinţa 


„curentă este trecerea de la benzile magnetice la cipurile electronice folosite 


actualmente pentru smart card-uri astfel încât acestea vor înlocui curând 
cărţile de credit/debit; f 

banii electronici — soluţia banilor electronici (electronic cash) utilizează un 
software pentru a salva pe disc magnetic echivalentul banilor lichizi într-o 
formă digitală. Monezile şi bancnotele sunt substituite astfel de fişiere semnate 
digital. Avantajul acestui sistem îl reprezintă costul transferului de bani care 
este aproape nul (costul real este reprezentat de costul conexiunii la Internet). 
În acest sistem, pentru a se primi bani este necesară accesarea unei casierii 
automate (virtuală) disponibilă pe Web sau deplasarea în lumea reală la un 
automat bancar, de unde pot fi ridicaţi banii electronici direct din contul 
băncii sau prin sistemul de plată cu carte de credit. Dificultatea folosirii 
banilor electronici o reprezintă implementarea unei securităţi care să 
garanteze că aceştia nu pot fi alteraţi (să poată fi modificată valoarea banilor 
de pe discul pe care sunt depozitaţi). Banii electronici trebuie să aibă 
semnături digitale care să-i facă imposibil de utilizat mai mult decât o sigură 
dată. Utilizarea tehnologiilor de criptare, a semnăturilor digitale şi a 
semnăturilor electronice ajută la reducerea posibilităţii de fraudă. O altă 
condiţie care trebuie îndeplinită este dată de faptul că banii electronici nu 
trebuie să dezvăluie identitatea persoanei care a plătit cu ei, deci trebuie să fie 
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anonimi. Sistemul de plată nu trebuie să aibă ca intermediar o bancă, ci se 
impune ca banii să fie schimbaţi direct între cei doi parteneri implicaţi. 

Câteva implementări ale acestei soluţii pot fi urmărite la următoarele adrese: 
Digi Cash - www. digicash. com, CyberCoins ~ Www . cybercash com sau 
MilliCent - www.millicent .digital.com. 

De exemplu, arhitectura sistemului DigiCas este următoarea: 


1. Clientul care va cumpăra de pe Web descarcă software-ul client dezvoltat 
de câtre DigiCash. Comerciantul are partea de server a softului, 

2. Cumpărătorul îşi va deschide un cont la o bancă suportând DigiCash şi i se 
va atribui o semnătură digitală. Cumpărătorul depune efectiv banii în 
contul deschis la banca respectivă şi îi va primi în format electronic, 
putând fi stocaţi pe disc. 

3. Folosind programele DigiCash client şi server, cumpărătorul şi 
comerciantul realizează o tranzacţie on-line securizată. Cumpărătorul 
plăteşte cu bani electronici din contul bancar, iar comerciantului i se vor 
transfera în cont sumele (reale) corespunzătoare. 


În sistemul DigiCash, banii pot fi folosiţi doar pentru o singură tranzacţie; de 
exemplu, vânzătorul care a primit banii de la cumpărător nu îi poate reutiliza 
în mod direct pentru a efectua plăţi. 

Banii sunt memoraţi sub formă de jeton (token) - similar celor din Cazinouri. 
Fiecare jeton conţine valoarea sumei, un număr aleatoriu folosit drept număr, 
unic de identificare şi o semnătură digitală a băncii emitente. Banca este 
capabilă să valideze banii electronici fără a şti cine îi foloseşte, păstrând în 
felul acesta anonimatul participanţilor la tranzacţie. Acest deziderat este 
îndeplinit prin folosirea unei semnături „oarbe”, Cumpărătorul care ia bani de 
la bancă creează jetoane. Acestora li se adaugă un număr unic, trimis băncii. 
Numărul unic este invizibil pentru bancă prin multiplicarea sa cu un număr 
aleatoriu (factor „de orbire”). Banca adaugă o semnătură digitală la jeton şi îl 
trimite înapoi la cumpărător; acesta este capabil să dividă numărul cu factorul 
de orbire şi să restabilească numărul unic original. În felul acesta banca nu va 
putea reconstitui traseul banilor pe baza numărului; 

cardurile inteligente - cardul inteligent (smart card) este foarte popular mai ales 
în Europa Occidentală. Acest tip de card permite păstrarea informaţiilor 
suplimentare despre clienţi, în afară de stocarea banilor pe cipul cardului. 
Banii de pe card sunt salvaţi într-o formă criptată şi sunt protejaţi printr-o 
parolă pentru a asigura securitatea necesară. Pentru a plăti prin intermediul 
unui card inteligent este necesară introducerea acestuia într-un terminal 
hardware. Dispozitivul necesită o cheie specială emisă de bancă pentru a se 
putea transfera bani în altă direcţie. 

Pentru magazine, soluţia cardurilor inteligente oferă posibilitatea transferării 
banilor electronici direct în contul băncii în momentul plăţii, fără a mai fi 
necesar transportul de bani fizici la sfârşitul zilei către bancă. În prezent, banii 
virtuali uăilizaţi pentru a plăti bunuri pot fi transmişi instantaneu în contul 
băncii comerciantului. Avantajul major al cardurilor inteligente îl reprezintă 
faptul că pot fi folosiţi atât în lumea reală cât şi în spaţiul cibernetic. Folosind 
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cardurile inteligente este posibil să mergem la bancă, să încărcăm cardul şi 
apoi să plătim pe Internet. Licitaţiile on-line pot profita de cardurile 
inteligente, persoanele interesate putând transfera bani direct fără a recurge la 
un intermediar. 

Avantajele cardurilor inteligente sunt date deci de securitatea oferită, de 
simplitatea utilizării, de efectuarea directă a operaţiunilor, fără intermediari, şi 
de costul scăzut al tranzacţiilor. În Europa au fost puse la punct două 
standarde, cardurile Mondex în Marea Britanie şi Geld-Karte în Germania. 


Funcție tradiţională 
Suficient de familiară 
Foarte răspândită în 

prezent 


Nepotrivită pentru micro-plăţi 
(comisionul bancar este deseori mai 
mare decât valoarea bunului cumpărat) 


Carte de 
credit 


Foarte uşor de folosit 
Relativ familiari 
(asemănători cartelelor 
telefonice) 


Pani Fondurile băneşti nu pot fi protejate 


lectronici Age ci : : AEN . 
Zu Încurajează pentru prevenirea pierderii sau furtului 
la purtător EE AR i Se 
(cai cumpărăturile Dacă se pierd, au dispărut definitiv 
e-cas . 

instantanee 


Micro-plăţile nu sunt o 
problemă ` 


Valorile stocate sunt uşor 
de regăsit 

Permite memorarea de 
informaţii suplimentare 
despre clienţi 
Securitate ridicată 


Costuri mari legate de modernizarea 
infrastructurii, în special în ţările în care 
automatele bancare sunt foarte 

răspândite 


Smart card 


Avantaje şi dezavantaje ale principalelor metode de plată electronică 


Momentul efectuării plăţii electronice 
În funcţie de momentul efectuării plăţii, există plata înainte de tranzacţie, plata pe 
loc şi plata după tranzacţie: 


e după cum sugerează termenul de „plată înainte”, aceasta este anterioară 
tranzacţiei după care se poate cumpăra produsul sau serviciul. Un sistem de 
acest gen funcţionează de regulă prin salvarea banilor digitali pe un disc sau pe 
un smart card — care poate fi considerat ca o formă digitală a banilor obişnuiţi. 
Un fişier care conţine bani digitali este numit portofel virtual (virtual wallet). 
Banii electronici pot fi folosiţi oricând pentru a plăti on-line produse şi 
servicii. Avantajul portofelului virtual constă în faptul că, de regulă, este 
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anonim. Dezavantajul este acela că, dacă portofelul este pierdut, atunci banii 
sunt pierduţi (la fel ca şi în cazul portofelelor reale). Oricine „găseşte” 
conţinutul portofelului electronic, îl poate folosi pentru a cumpăra cu el; 

e plata pe loc este bazată pe conceptul de plată în momentul tranzacţiei. Un 
astfel de sistem este complicat de realizat deoarece necesită accesul direct la 
baza de date internă a băncii sau a ofertantului de plată electronică, iar 
securitatea trebuie să fie implementată mult mai strict decât în alte situaţii. Ca 
exemplu de modalitate de plată pe loc poate fi dat cel al cărţilor de debit; 

e plata după tranzacţie (comandă), după cum spune şi numele, se realizează 
după comandarea produselor/serviciilor. Sistemul cărţilor de credit este cea 
mai comună formă de plată în sistemele „plata după tranzacţie”, atât în lumea 
reală cât şi pe Internet. | 


Un sistem bazat pe plata ulterioară este plata la livrare (sau plata ramburs — Cash 
On Delivery). Cumpărătorii aleg dintr-un catalog electronic produsele pe care doresc 
să le cumpere, le comandă prin e-mail sau prin completarea unui formular Web şi 
plătesc în momentul în care produsele le sunt livrate, de obicei prin poştă. Acest 
sistem are avantajul că vânzătorul nu trebuie să efectueze verificări ale capacităţii de 
plată a cumpărătorului, iar banii ajung în casierie mai repede decât în cazul în care 
s-ar fi emis în prealabil o factură la care ulterior se aşteaptă încasarea efectivă. 

Deşi partea electronică se referă doar la alegerea şi comandarea produselor, acest 
sistem poate fi considerat începutul dezvoltării sistemelor de plăţi electronice în 
ţările care realizează primii paşi în acest domeniu (de exemplu, România). 


Comparaţie între sistemele de plată electronică, 
conform unor criterii diverse 
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3.5.4 Categorii de plăți electronice 


3 y . e ` . A d TE 
Ca şi în lumea reală, trebuie să coexiste mai multe sisteme electronice de plată. În 
funcţie de valoarea tranzacţiei, există trei tipuri majore de efectuare a plăţilor 
electronice: 


e microplățile (Micro-Payments) - reprezintă o sursă alternativă de venituri 
pentru comercianții care oferă pe Web produse şi servicii de valori reduse, 
tangibile sau intangibile (e.g.: informaţii digitale precum imagini, fişiere audio, 
căutări în baze de date etc.). În prezent, nu există o definiţie foarte clară a 
microplăţilor, astfel încât un anumit sistem de plată electronică să poată fi 
încadrat cu precizie în această categorie. Dar unul dintre scopurile declarate 
ale unui astfel de sistem îl reprezintă minimizarea costului pe tranzacţie, cost 
care cuprinde cheltuielile legate de managementul riscului, cheltuielile 
operaţionale (comunicaţia, procesarea, stocarea) şi cheltuielile iniţiale generate 
de instalarea sistemului. În general, atunci când discutăm despre microplăţi, 
valorile vehiculate nu sunt mai mari de câteva zeci de euro sau dolari (uzual, 
5 euro/dolari). Caracteristica microplăţilor este aceea că tranzacţiile finan- 
ciare sunt limitate, însă frecvente; 

e plăţi de tip consumator (Consumer Payments) - acoperă o tranzacţie cu o 
valoare între 5 şi 500 de euro sau dolari. O astfel de tranzacţie este de obicei 
realizată prin intermediul cărţii de credit; 

e plăţi de tip business (Business Payments) - referă tranzacţiile având o valoare 
care depăşeşte 500 de euro/dolari. Pentru acest tip de plăţi, cea mai 
convenabilă modalitate pare a fi factura electronică. 


Costuri 


Costurile pe care va trebui să le suporte comerciantul includ o parte fixă - 
reprezentată de costul achiziţionării sau închirierii echipamentelor şi aplicaţiilor 
aferente necesare pentru comunicarea securizată cu banca (e.g.: implementarea unui 
firewall este obligatorie), precum şi costuri variabile - rezultate în urma 
comisioanelor percepute de bancă pentru fiecare tranzacţie. De regulă, instituţia 
financiară impune un volum minim de tranzacţii pe lună (cost variabil minim 
acceptat), percepând o sumă minimă de la comerciant, indiferent de numărul de 
tranzacţii pe care acesta le derulează on-line. 

Datorită volumului mare de tranzacţii derulate, agenţii pot obţine discount-uri 
semnificative de la bănci şi, în consecinţă, îşi pot permite oferte mai tentante pentru 
clienţi. 


3.5.5 Sisteme de plată electronică 


Cel mai mare deziderat în cazul unui sistem de plăţi electronice (EPS - Electronic 
Payment System) este acela de a găsi cumpărători şi vânzători dispuşi să rişte să 
investească într-un produs care se află încă la începuturi. Băncile şi companiile de 
software nu pot avea clienţi fără vânzători şi nici vânzătorii nu pot supravieţui fără 
clienţi. 
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Cerinţe 
Cele mai importante provocări sunt cele legate de: 


e securitate - factorii de securitate sunt, probabil, piedica majoră în calea 

dezvoltării tranzacţiilor on-line. Multe persoane nu doresc să-şi deconspire 
numărul cărţii de credit, numărul de telefon sau adresa, de teama celor care ar 
putea să folosească, în scopuri dubioase, aceste informaţii fără acceptul lor, 
Noile descoperiri în domeniul securităţii cărţilor de credit pot diminua acest 
sentiment de teamă; prin criptarea informaţiilor, doar cumpărătorul şi 
vânzătorul pot avea acces la numărul cărţii de credit. 
Securitatea se poate referi şi la partea de „discreţie” pe care o implică o 
tranzacţie de vânzare/cumpărare a anumitor produse/servicii. În cazul 
plăţilor efectuate cu numerar, vânzătorul nu cunoaşte identitatea celui care 
cumpără, însă nu acelaşi lucru se poate afirma atunci când plata se realizează 
de pe un card personalizat; vânzătorul poate avea acces la unele informaţii 
referitoare la cumpărător. 

În cazul securităţii informaţiilor pe Web, mai cu seamă în ceea ce priveşte 

afacerile electronice, trebuie avute în vedere trei cerinţe principale: 

1. caracterul privat — o terță parte nu trebuie să fie capabilă să monitorizeze o 
comunicaţie de date, trebuind asigurată confidenţialitatea datelor. Cel mai 
indicat ar fi să se folosească un canal privat de comunicaţie sau chei de 
criptare destul de puternice pentru ca datele în cauză să nu poată fi 
decriptate de persoane neautorizate. De asemenea, pentru filtrarea infor- 
maţiilor se foloseşte aşa-numitul zid de protecție (firewall; 

2: imposibilitatea negării faptei comise - trebuie să fie posibil să se 

" dovedească identitatea (autentificarea) persoanei care a trimis sau nu un 
mesaj sau un ordin, în caz de dispută (legală sau nu) între părţi. O cale de a 
realiza acest lucru este cea a folosirii semnăturilor digitale, echivalente în 
viaţa reală cu semnătura obişnuită. În unele cazuri este suficientă 
capacitatea de verificare a validității banilor, nefiind necesar să se cunoască 
despre ce persoană este vorba. Dar uneori necesitatea dovedirii originii 
unui ordin de plată sau a unui mesaj devine esenţială; 

3. protecţia împotriva mesajelor reproduse necontrolat — acest aspect se 
referă la unele protocoale în care un singur mesaj este transmis de mai 
multe ori. Acest fapt poate constitui un dezavantaj evident în cazul în care, 
pentru o singură tranzacţie de cumpărare, clientul primeşte de două ori 
aceeaşi notă de plată. Problema se poate rezolva prin gestionarea unor 
identificatori unici care să lege mesajele de tranzacţiile efectuate; 

è atomicitatea tranzacţiilor — atomicitatea tranzacţiilor electronice reprezintă o 
altă cerinţă care trebuie îndeplinită în cadrul comerţului electronic. Trebuie 
avut în vedere faptul că în condiţii de lucru reale se poate întâmpla ca unele 
subsisteme antrenate în desfăşurarea tranzacţiei să nu mai funcţioneze. Un 
scenariu în care cumpărătorul dă ordin băncii sale să-i debiteze contul pentru 
a plăti un furnizor - iar după ce operaţiunea de debitare s-a efectuat, sistemul 
se blochează fără a mai efectua şi operaţiunea de creditare a contului 
furnizorului ~ este unul care trebuie evitat prin impunerea unor reguli stricte 
privind atomicitatea tranzacţiei. 
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În continuare, vom descrie succint câteva sisteme de plată electronică. 


e First Virtual — www. fv.com ~ este actualmente singurul sistem de plată 
on-line sigur, care nu foloseşte tehnologii de criptare. Securitatea în sistemul 
First Virtual se. bazează pe un mecanism de confirmare din partea 
cumpărătorului. În cazul în care cel care intenționează să cumpere nu 
confirmă tranzacţia în timp util, ordinul de cumpărare nu va fi executat. 
Pentru a preveni posibilitatea interceptării numărului cărţii de credit se 
folosesc numere de identificare speciale. Atunci când comerciantul şi 
cumpărătorul intenţionează să realizeze o tranzacţie, comunică acest lucru 
către situl First Virtual prin poşta electronică. 

Informaţiile vitale despre participanţi (numărul cărţii de credit, numărul 
contului bancar) nu circulă efectiv prin Internet, ci ele sunt conectate la un 
PIN (Personal Identification Number) care este atribuit cumpărătorului de către 
First Virtual atunci când acesta solicită un cont. Informaţia vitală este 
transmisă prin telefon (pentru cumpărători - numărul cărţii de credit) sau 
prin poşta clasică (pentru comerciant - numărul contului bancar). 

O altă trăsătură a sistemului First Virtual este aceea că a fost dezvoltat special 
pentru micii comercianţi, unul dintre scopurile declarate fiind acela de a se 
asigura un cost cât mai scăzut pe tranzacţie, astfel încât oricine să poată fi atât 
cumpărător, cât şi vânzător. Sistemul include, de asemenea, un server automat 
de informaţii (denumit Info Haus) care permite, contra unei taxe, promovarea 
continuă a informaţiilor despre produsele puse în vânzare pe Web, FTP şi 
poştă electronică, chiar şi pentru comercianții care nu au propriul lor server. 
Fazele realizării unei tranzacţii sunt următoarele: 


1. Prima parte, înregistrarea, este iniţiată de către un nou cumpărător care 
trimite prin poşta electronică un gen de scrisoare de intenţie. Aplicația cere 
de la cumpărător două informaţii, una dintre ele fiind „numele complet”, 
care va deveni informaţie publică. Acesta va fi numele pe care vânzătorul îl 
va vedea atunci când clientul cumpără un bun sau un serviciu. În realitate 

` nu este necesar ca numele declarat să fie cel adevărat - se poate folosi la fel 

de bine un pseudonim. Următoarea informaţie necesară se referă la 

alegerea PIN-ului; aceasta este o alegere preliminară a unui nou identi- 

ficator de cont. First Virtual va crea identificatorul final de cont (numit 

VirtualPIN) prin adăugarea unui prefix de numere şi litere la PIN-ul ales de 

utilizator, asigurându-se faptul că fiecare PIN este unic. PIN-ul complet 

generat este trimis imediat cumpărătorului prin e-mail. 

Suplimentar, fiecărui PIN îi sunt asociate următoarele informaţii despre 

cumpărător: i 

- o adresă de e-mail; 

- o stare dintre următoarele: „activ”, „suspendat”, „invalid”, „doar 
vânzător”; 

- o metodă de plată de intrare (modul în care sunt transferați banii de la 
deţinătorul cărţii de credit către sistemul First Virtual); 
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- o metodă de plată de ieşire (maniera de transfer al banilor din sistemul 
First Virtual către deţinătorul de carte de credit); 
- moneda utilizată pentru plată. 
Activarea contului cumpărătorului se realizează prin înregistrarea de către 
First Virtual a numărului cărţii de credit. După completarea scrisorii de 
intenţie, cumpărătorului i se trimite un mesaj prin poşta electronică 
conţinând un număr de telefon şi un număr de 12 cifre, folosit pentru 
identificarea celui care dă telefon; utilizatorul trebuie să formeze numărul 
de telefon, să introducă numărul de 12 cifre primit prin e-mail, numărul 
cărţii de credit şi data la care expiră. Este de asemenea posibil ca 
informaţiile despre cartea de credit să fie expediate prin serviciul clasic de 
mesagerie. După înregistrarea cărţii de. credit, First Virtual trimite 
cumpărătorului un e-mail al cărui mesaj conţine PIN-ul. 
PIN-urile generate de First Virtual sunt bidirecţionale în sensul că un 
deţinător de carte de credit se poate angaja într-un act de comerţ atât ca 
vânzător, cât şi în postura de cumpărător. Termenii de „vânzător” şi 
„cumpărător” nu fac decât să stabilească direcţia în care circulă banii. 
Din acest moment, cumpărătorul este liber să-şi aleagă bunurile şi serviciile 
pe care doreşte să le achiziţioneze de la comerciant şi să-i transmită acestuia 
PIN-ul, printr-un formular Web, prin poşta electronică sau ca o parolă 
FTP. 
În etapa secundă, vânzătorul trimite o cerere de transfer către serverul 
First Virtual, mesajul expediat conținând: 
=. PIN-urile celor doi participanţi la tranzacție; 


"=. o descriere textuală a tranzacţiei; 


- moneda de plată; 
- valoarea de plată. l l 
Pe baza mesajului primit, First Virtual va verifica validitatea celor doi 
participanţi la tranzacţie şi în cazul unui rezultat pozitiv va trimite o 
confirmare către vânzător şi o cerere de confirmare către cumpărător la 
adresa de e-mail menţionată în formularul de înscriere. Cererea de 
confirmare cuprinde toate datele pe care are nevoie să le ştie cumpărătorul 
în legătură cu operaţiunea respectivă (sunt incluse, de asemenea, şi 
parităţile monetare, valoarea fluctuaţiilor etc.). 

Referitor la confirmarea operaţiunii există două posibilităţi de a continua: 
> prima este „cumpără înainte de a încerca”, însemnând faptul că acel 
client trebuie să se decidă să plătească fără a vedea în prealabil 
produsele; 
> a doua este „încearcă înainte de a plăti”, vânzătorul trebuind să 
trimită produsele spre client şi acesta trebuind să decidă dacă acestea 
merită preţul. 

Serverul First Virtual aşteaptă un răspuns de confirmare de la cumpărător 

(client). În cazul în care confirmarea nu vine după un anumit număr de 

zile sau dacă pentru un anumit cumpărător sunt mai multe confirmări în 

aşteptare, atunci numărul cărţii de credit intră în starea „suspendat”. În 
momentul primirii confirmării sau atunci când numărul confirmărilor în 
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aşteptare scade sub un anumit prag, numărul cărţii de credit reintră în 
starea „activ”. Un mesaj de confirmare conţine un cuvânt-cheie din partea 
cumpărătorului: yes, no sau fraud. Transferul banilor este iniţiat doar în 
cazul răspunsului yes; un răspuns no înseamnă refuzul cumpărătorului de a 
plăti pentru bunurile care nu-i convin, iar frand desemnează situaţia în care 
altcineva a încercat să folosească PIN-ul într-o tranzacţie frauduloasă. 
Acest din urmă caz va avea drept efect blocarea PIN-ul cumpărătorului, 
fiind necesară o nouă operaţiune de înregistrare. 

Serverul First Virtual trimite apoi un mesaj despre rezultatul transferului 
către adresa de e-mail asociată contului comerciantului. 

Periodic sunt verificate toate conturile utilizatorilor şi, pentru fiecare 
dintre ei, toate tranzacţiile acumulate sunt transformate într-una singură 
cu scopul de a realiza plăţile efective către parteneri. În cazul în care plata 
eşuează, serverul trimite notificări atât cumpărătorului cât şi vânzătorului, 
iar numărul cărţii de credit a celui care a generat incidentul este pus în 
starea „suspendat”. Dacă transferul bănesc se realizează cu succes, atunci 
ambii parteneri primesc înştiinţări despre acest lucru. 


e On-line Analysis — www .OnAnalysis.com 
Paşii care se parcurg în cadrul acestui model sunt următorii: 


Numa 


Clientul ia decizia de a cumpăra. ` 

Se stabileşte legătura cu sistemul On-line Analysis şi se transmite ordinul de 
cumpărare. 

Se solicită informaţiile despre card pe o linie securizată. 

Se autorizează tranzacţia de către centrul de carduri. 

Clientului i se trimite răspunsul de aprobare sau refuz al tranzacţiei. 

Se transmite aprobarea tranzacţiei către situl de cumpărare. 

Se expediază rapoarte zilnice către serverul de administrare. Banii sunt 
transferați în contul comerciantului. 


Situl Web al 


Administrare 


On-line Analysis 


Contul clientului 
sau comerciantului 


Modelul On-line Analysis de tranzacție securizată cu cărți de credit 
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Sisteme de microplăţi 


În continuare vom descrie pe scurt arhitectura unui sistem de microplăţi. Pentru a 
simplifica lucrurile, vom considera mai întâi că participanţii sunt numai clientul 
(customer) şi comerciantul (merchant). Microplata este iniţiată de către client prin 
cererea informaţiilor de la server. Arhitectura de bază e alcătuită din următoarele 
componente: pentru client, un navigator Web, un modul numit Per Fee Link 
Handler (PFLH) cu rol de identificator al tranzacţiei, unul sau mai multe portofele 
de plată electronică (e-wallets), iar pentru comerciant - un server Web (a se vedea 
figura de mai jos, în care [1] este fluxul de date de la serverul comerciantului către 
PFLH, iar [2] reprezintă fluxuri între PFLH şi portofelele electronice). 


Arhitectura simplificată a unui sistem de microplăți 


Situl Web care implementează sistemul de procesare a informaţiilor referitoare la 
microplăţi trebuie: 


e să fie simplu, permiţând utilizarea interfeţelor de genul click and pay (apasă şi 
plăteşte); 
să minimizeze circulaţia prin reţea a datelor; 
să folosească un standard care să fie recunoscut de toate navigatoarele existente 
sau viitoare; 

e să fie comun tuturor schemelor de microplăţi. 


În realitate, arhitectura este puţin mai complexă, un sistem de microplăţi fiind 
compus din trei actori importanţi, alături de comerciant şi de cumpărător apărând 
ofertantul de servicii de plată (Payment Service Provider - PSP). 

Ofertantul de servicii de plată are misiunea de a furniza clienţilor mijloace facile 
de plată pe Internet, operând ca intermediar între client şi comerciantul on-line, 
asigurând de exemplu conversia valutară sau securitatea tranzacţiilor electronice. 
Fluxul de date între aceste trei entităţi este rezumat în figura următoare, unde: 


[1] un comerciant on-line apelează la un ofertant de servicii de plată, prin 
acţionarea unei legături hipertext către sistemul de plată al acestuia în cadrul 
aplicaţiei sale Web; 
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[2] clientul apelează la ofertantul de servicii de plată, furnizând detaliile de plată şi 
stabilind un cont electronic pentru asigurarea plăţilor viitoare; 

[3] clientul vizitează situl Web al comerciantului, alege un anumit produs pentru 
a-l achiziţiona şi selectează un PSP pentru a stabili o metodă de plată a acelui 
produs; 

[4] comerciantul lansează aplicaţia pusă la dispoziţie de PSP, clientul este verificat 
şi achiziţia este autentificată; 

[5] valoarea achiziţiei este extrasă din contul clientului pentru onorarea plăţii; 

[6] se realizează periodic (e.g: lunar) tranzacţiile dintre PSP şi comerciant, 
luându-se în calcul onorariul tranzacţiilor electronice dintre client şi PSP. 


Arhitectura reală a unui sistem de microplăţi 


Dintre ofertanţii de tehnologii pentru sisteme de microplăţi se pot enumera 
Cartio Micropayments, Jalda, Pay Word sau Pay2See (soluţii comerciale) sau NetBill şi 
NetCheque (soluţii academice). Există şi o propunere de protocol specializat de 
transfer: MicroPayments Transfer Protocol (MPTP). 

Trebuie să menţionăm faptul că există, de asemenea, diferite companii de tip PSP 
care oferă servicii de plată on-line. Drept exemple notabile se pot da PayPal şi 
BillPoint. 

Microplăţile oferă flexibilitatea de a plăti pentru exact ceea ce utilizatorii doresc 
să obţină fără a cheltui o sumă însemnată de bani pentru aceasta, una dintre 
utilizările microplăţilor fiind în domeniul ofertelor de conţinut on-line plătit. Astfel, 
New York Times are implementat un sistem de microplăţi pentru a furniza acces 
on-line la articolele mai vechi ale ziarului contra unei sume infime (1,5 dolari). Un 
sistem similar a fost adoptat de Wall Street Journal pentru a oferi diverse informaţii 
cu caracter financiar utilizatorilor care nu sunt abonaţi la varianta fizică a 
publicaţiei. La fel, Music33.com pune la dispoziţie un serviciu capabil să furnizeze, 
contra sumei de 0,33 lire britanice, diverse bucăţi muzicale. Cybergold şi 
MyPoints.com premiază clienţii cu puncte — care pot fi ulterior schimbate în produse 
sau servicii - pentru fiecare accesare a conţinutului electronic. În domeniul telefoniei 
mobile, deja companiile Ericcson şi Easy Park au încheiat un parteneriat pentru a 
oferi, în cadrul telefoanelor celulare, suport pentru realizarea de microplăţ. 
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Unii specialişti prognozează că, în viitorul nu foarte îndepărtat, pentru a juca 
jocuri pe Web sau a avea acces la fişiere audio în format MP3, va trebui să plătim 
diverse sume de bani (mai mici ori mai mari). Acest lucru s-a întâmplat deja cu unele 
servicii de poştă electronică pe Web. Ofertanţii actuali de conţinut tradiţional vor fi 
înlocuiţi de ofertanţii de amuzamente on-line, reviste electronice, add-in-uri 
software, motoare de căutare pe Web, toate accesibile prin intermediul 
microplăţilor. 


3.6 Comerţul electronic 


3.6.1 Caracterizare 


În subcapitolul 3.4 am dat un număr de definiţii comerţului electronic; o reamintim 
aici pe aceea care asociază comerţul electronic cu vânzarea şi comercializarea de 
bunuri şi servicii prin intermediul tebnologiilor Internet. În cele ce urmează vom 
detalia unele dintre problemele legate de înfiinţarea unui magazin virtual. 


Avantaje 


Valoarea de piaţă a afacerilor desfăşurate pe Web a fost reliefată din mai multe 
puncte de vedere: 


e promovarea produsului — se poate realiza printr-un contact direct şi interactiv 
cu clienţii. Primul avantaj al comerţului electronic îl constituie posibilitatea 
de a oferi informaţii despre produs tuturor clienţilor care au acces la Web. 
Totuşi, una dintre obiecțiile aduse este aceea că anumite produse necesită 
obligatoriu un contact fizic cu posibilul cumpărător, de exemplu parfumurile, 
articolele de îmbrăcăminte şi încălţăminte (cine ar putea comanda pantofi fără 
să-i probeze?), dar şi CD-urile sau cărţile (multe persoane, înainte de a 
achiziţiona o carte, o răsfoiesc). Acelaşi lucru este valabil în cazul serviciilor, 
mai ales a celor turistice; 

è noi canale de vânzare - produsele existente pot fi livrate pe o arie largă fără a 
mai fi nevoie să fie întreţinut un magazin cu existenţă fizică, necesitând 
cheltuieli de chirie, reparaţii etc. Mai mult, limitele geografice dispar în toate 
zonele unde există Internet, o afacere putând fi desfăşurată în toată lumea de 
la un singur centru de comandă dotat cu mijloace computerizate; 

e economii la vânzarea/cumpărarea produsului — generate de: suprimarea costului 
deplasării până la vânzător, eliminarea cheltuielilor necesare pentru a întreţine 
un magazin clasic, reducerea timpului afectat tranzacţiei şi altele; 

e timpul redus de acces la produs - este un avantaj major în cazul produselor şi 
serviciilor care au un ciclu de viaţă foarte scurt (de exemplu ştirile, care pot fi 
trimise rapid prin poşta electronică sau pot fi afişate într-o pagină Web); 

° service mai bun pentru clienţi - Web-ul reprezintă un excelent mediu prin care 
se pot oferi servicii de consultanţă clienţilor, service-ul putând fi disponibil 
non-stop, relaţiile inter-umane fiind astfel mai strânse; 
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marca şi imaginea corporației pot fi mai uşor modelate — acestea sunt importante 
mai ales atunci când clienţii folosesc la rândul lor tehnologii avansgte. Ne 
gândim aici mai ales la modele de afaceri business-to-business; | | 
adaptarea la schimbări — poate fi mai rapid şi facil efectuată atunci când firma 
este deja la curent şi utilizează cele mai noi tehnologii provenite din domeniul 
comerţului electronic; 

îmbunătăţirea relației cu clienţii - relaţia cu clienţii poate fi mai uşor 
personalizată, fapt ce poate constitui un avantaj major pentru firmă. Fiecare 
client trebuie să se simtă apreciat şi remarcat, dezvoltându-se relaţii de tip 1-/a-1; 
dezvoltarea de noi produse se poate realiza în concordanţă cu cerinţele 
consumatorilor - clienţii pot afecta direct design-ul unui nou produs, vizuali- 
zându-l cu ajutorul propriilor lor calculatoare, exprimându-și opiniile şi 
dorinţele către furnizor. Monitorizând atitudinile clienţilor, firma poate 
obţine informaţii preţioase pentru proiectarea noilor produse sau 
îmbunătăţirea celor vechi; 

noi modele de afaceri ~ pot fi create prin intermediul comerţului electronic, în 
diverse domenii specializate, cum ar fi de exemplu vânzarea de informaţii de 
ultimă oră (ne putem gândi cât de preţioase sunt aceste informaţii pentru 
experţii în finanţe). 


Probleme 


Problemele pe care le pune comerţul electronic faţă de cel tradiţional sunt legate, în 
principal, de: 


e asistență — se pune problema cum putem asista un anumit client sau grup de 


clienţi în luarea unor decizii privind achiziţionarea unui produs. Gradul de 
informaţii referitoare la un anumit produs poate fi, în unele situaţii, 
insuficient; 


o fiabilitate şi credibilitate - pe Web, există o multitudine de date pe care oricine 


le poate accesa; punctul-cheie este acela ca respectivele date să se transforme în 
informaţii (adică să aibă o semnificaţie pentru utilizator), pentru ca ulterior să 
devină cunoaştere; siturile care comercializează conţinut informaţional 
trebuie să rezolve această problemă. Din cauza timpului scurt de existenţă sau 
a dinamicităţii ridicate, datele se perimează foarte rapid, lipsind în acest 
moment mecanismele necesare unei analize de termen lung a informaţiilor 
vehiculate, 


Modele de afaceri 


Se pot identifica următoarele modele de afaceri în comerţul electronic: 


e magazinul electronic (e-shop) - un magazin electronic este vizibil posibililor 


clienţi prin intermediul unui sit Web; acesta este administrat de o companie, 
pentru marketing-ul şi vânzările propriilor produse şi servicii. de 
Minimal, un magazin electronic va conţine catalogul de produse sau servicii 
cu descrieri tehnice şi comerciale pentru fiecare poziţie din catalog. Aceste 
descrieri sunt gestionate de obicei cu ajutorul unui sistem de gestiune a 
bazelor de date, care se va ocupa cu stocarea şi manipularea datelor şi cu 
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oferirea posibilităţilor de acces la informaţiile dorite de client. Varianta medie 
a unui magazin electronic oferă facilităţi pentru preluarea comenzilor (prin 
poşta electronică sau prin formulare interactive completate direct pe situl 
Web de către posibilii clienţi), iar varianta extinsă adaugă posibilitatea 
efectuării on-line a plăţii (prin diverse mijloace de plată), plus diferite alte 
activităţi. 

În ansamblu, funcţiile unui sit Web de comerţ electronic includ, aşadar, 
prezenţa unui catalog on-line, o metodă pentru procesarea plăţilor electronice, 
realizarea facturării/transportului, promovarea şi realizarea altor diferite 
servicii pentru client; 

magazinul electronic universal (emali - analog corespondentului său din 
lumea reală, magazinul electronic universal reprezintă o colecţie de magazine 
electronice (comercializând, eventual, produse eterogene, provenite de la 
furnizori diferiţi), reunite sub o umbrelă comună. În general, acceptă metode 
de plată comune şi oferă anumite facilităţi (e.g. discount-uri). Ca exemple de 
magazine electronice universale axate pe desfacerea de cărți ale principalelor 
edituri din ţară şi din străinătate putem aminti Elibris - www. elibris.ro 
sau Anticarial.net - www.anticariatonline.com (acesta din urmă 
funcţionând şi ca replică electronică a unui anticariat fizic); 
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Varianta Web a unui anticariat 


aprovizionarea electronică (e-procurement) - pentru procurarea bunurilor şi 
serviciilor, marile companii şi autorităţi publice organizează licitaţii, Prin 
publicarea pe Web a specificaţiilor ofertei, scad atât timpul cât şi costul de 
transmisie, mărindu-se şi numărul de firme care pot lua parte la licitaţie. 
Astfel, creşte concurenţa şi scade preţul; 

piaţa unui ter (third party marketplace) - se apelează la un sit Web pentru a 
avea acces la catalogul de produse al unei companii, dar acest sit aparţine unui 
terp (î.e. un furnizor de servicii Internet, un furnizor de aplicaţii sau o bancă). 
Această metodă prezintă avantajul că interfaţa cu posibilii clienţi este unică 
pentru mai mulţi producători, utilizatorii fiind familiarizați cu folosirea ei. 
Acest model de afaceri este însă mai puţin folosit în comparaţie cu 
precedentele; 
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comunităţile virtuale (virtual communities) — valoarea cea mai importantă a 
unei comunităţi virtuale este dată de către membrii săi (clienţi sau parteneri), 
care adaugă informaţii proprii peste un mediu de bază furnizat de companie. 
Fiecare membru poate oferi spre vânzare produse sau servicii sau poate adresa 
cereri de cumpărare a unor produse/servicii. Calitatea de membru al unei 
comunităţi virtuale presupune, de obicei, plata unei taxe, dar pot exista şi 
comunităţi virtuale compuse din clienţii fideli ai unui anumit produs ori grup 
de produse; 

furnizorul de servicii cu valoare adăugată pentru canalele de comerţ electronic 
(value chain service provider) - furnizorii unor astfel de servicii sunt 
specializați pe funcţii specifice, precum asigurarea logisticii, rezolvarea 
tranzacţiilor financiare sau expertiza în managementul producţiei şi al 
stocurilor. Plata acestor servicii se realizează de cele mai multe ori pe baza 
unor tarife sau a unei cote procentuale; 

platformele de colaborare (collaborative environments) - cuprind un set de 
instrumente (software) şi un mediu informațional pentru colaborarea între 
companii (via extranet, uzual). Acestea pot îndeplini funcții specifice, cum ar 
fi concepţia sau proiectarea în colaborare. Câştigurile provin din 
managementul platformei (taxa de membru sau taxa de utilizare) şi din 
vânzări de instrumente specializate (destinate proiectării, organizării fluxului 
de documente (workflow) şi gestiunii concurente a datelor); 

brokerajul de informaţii ~ exemplele cuprind cataloage de clienţi clasificați pe 
profil, vânzarea de oportunităţi de afaceri, consultanţă în domenii specializate; 
alte servicii - pot fi menţionate serviciile de încredere furnizate de autorităţile 
de certificare sau de notariatele electronice. 


De asemenea, trebuie să observăm faptul că modelele de afaceri folosite pentru 
vânzarea on-line de bunuri informaţionale - precum informaţii sau acces la baze de 


date — 


diferă considerabil de cele folosite pentru vânzarea de bunuri fizice. 


Strategii 


Ca strategii principale în realizarea de afaceri în domeniul comerţului electronic s-au 
impus: i 


modelul bazat exclusiv pe Web (infomediar)), magazinele existând exclusiv 
virtual, neavând un corespondent fizic; 

prezența pe Internet plus infrastructură, în care afacerile se desfăşoară atât pe 
Web (de exemplu, pentru a asigura interacțiunea cu posibilii clienţi şi funcțiile 
de promovare a produselor/serviciilor), cât şi în viața reală (existenţa unor 
lanţuri de distribuitori, asigurarea transportului etc.). Un exemplu notabil în 
acest sens îl reprezintă Amazon - www . amazon . com; 

click-and-mortar - este modalitatea cea mai simplă de a comercializa produse, 
oferindu-se clientului un catalog electronic - prin poşta electronică sau prin 
intermediul unei pagini Web - şi aşteptându-se comenzi prin e-mail, cu plata 
la livrare (ramburs). O multitudine de astfel de afaceri au fost demarate În 
România, mai ales în domeniul comercializării de conţinut electronic (casete 
şi compact-discuri audio sau video) sau de carte. 
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3.6.2 Aspecte ale dezvoltării unei afaceri pe Web 


Etape 


A zi § [| . . Ad . r 3 
Inainte de toate, analiza afacerii electronice trebuie să se realizeze cât mai det i 

> aitat 
posibil, etapele urmărite fiind: 


1. 


Identificarea tipului afacerii. e 

Evaluarea canalelor de vânzare şi distribuţie a produselor/serviciilor oferite. 
Stabilirea scopurilor afacerii. 

Localizarea afacerii (alegerea distribuitorului de servicii Internet, Internet Service 
Provider - ISP-, a ofertantului serviciilor de găzduire Web - Web hosting). 
Crearea sitului şi testarea lui. 

Asigurarea scalabilităţii şi securităţii informaţiilor vehiculate, 

Stabilirea relaţiilor cu publicul (promovarea produselor prin diverse mijloace). 
Stabilirea mijloacelor de plată (cecuri, cărţi de credit, altele), plus a legăturilor 
cu diverse organizaţii financiare (bănci, ofertanţi de servicii de plată etc.) - a se 
vedea şi subcapitolul 3.5 şi, de asemenea, cele descrise mai jos. 

Alinierea la legislaţia internaţională (e.g: problema drepturilor de autor, 
frauda, asigurarea anonimatului clientelei erc.). 


Strategii 


După această analiză, trebuie să adoptăm o serie de strategii pentru a demara lansarea 
afacerii pe Web. Se va ţine cont de următorii paşi: 


1. 
2. 


Pi 


Explicarea beneficiilor e-business-ului (a se revedea subcapitolul 3,4). 
Conştientizarea' faptului că tehnologia schimbă modul de desfăşurare a 
afacerii, „spre un sistem nervos digital” - conform afirmațiilor lui Bill Gates. 


.. Definirea unui proiect-pilot (de la intranet la extranet şi până la prezenţa în 


Internet, pe Web). 

Estimarea costurilor (se au în vedere instruirea personalului, menţinerea 
afacerii, cheltuielile neprevăzute etc.). 

Măsurarea productivităţii, 

Ajustarea afacerii după cerinţele/dorinţele pieței şi ale clientelei. 

Pregătirea pentru rezistenţă/inerţie din partea oamenilor (że. angajaţii şi 
clienţii) şi a organizaţiilor (e.g.: partenerii de afaceri). 


Din punctul de vedere al legalităţii, trebuie să fim pregătiţi pentru dispute legate 
de situaţiile de mai jos: 


clientul a plătit, dar comerciantul nu a livrat; 

clientul a plătit, însă livrarea întârzie sau sunt livrate alte bunuri/servicii ori 
bunuri/servicii de altă calitate; 

clientul a plătit, dar banii nu ajung la ofertant; 

comerciantul a livrat, dar clientul refuză să plătească marfa comandată; 
comerciantul a livrat, dar clientul nu a comandat nimic; 

ofertantul comercializează bunuri fără ştirea producătorului. 
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Alte probleme sunt cele referitoare la proprietatea intelectuală (copyrigb?). 
Trebuie să luăm în calcul problema copyright-ului conţinutului sitului (corpurile de 
literă folosite, grafica, alte informaţii multimedia). La fel, trebuie să ne asigurăm că 
afacerea noastră nu foloseşte software pirat, de genul celui disponibil pe aşa-numitele 
situri Warez, De exemplu, arhivele puse la dispoziţie pe sit trebuie să fie stocate în 
formate pentru care avem licenţe de utilizare a arhivatorului care le-a creat. Similar, 
pentru orice format proprietar (nu putem include pe sit date în format Excel dacă nu 
deţinem pachetul Office cu licenţă). Un alt aspect sensibil este cel al drepturilor de 
autor asupra datelor (nu se pot folosi bazele de date ale unei terţe organizaţii fără 
acordul acesteia). | 


Caracteristici ale unei aplicaţii de comerţ electronic 


Cerinţele oricărei aplicaţii de comerţ electronic, dar mai ales ale unui sit Web, sunt 
legate de satisfacerea nevoilor utilizatorului şi ale comerciantului. Aceste cerinţe ar 
putea fi rezumate de următoarele aserţiuni: 


sistemul trebuie să fie uşor de utilizat; 

sistemul trebuie să ofere posibilităţi de căutare după denumirile produselor şi 
serviciilor comercializate, dar şi după descrierile acestora, deoarece nu toţi 
clienţii cunosc exact denumirea a ceea ce caută; 

e trebuie suportate opţiuni de plată multiple, luând în consideraţie că nu toţi 
clienţii sunt dispuşi să ofere pe Web informaţiile privitoare la cartea de credit 
proprie. Orice opţiune de plată aleasă de utilizator trebuie să fie sigură 
(securizată); 

e sistemul trebuie să fie uşor de actualizat, astfel încât adăugarea de noi produse 
sau servicii să se realizeze rapid; 

e sistemul trebuie să fie disponibil în orice moment în care clientul doreşte să-l 
utilizeze; 
sistemul trebuie să valideze datele introduse de utilizator; 
sistemul trebuie să poată fi integrat cu alte sisteme informatice de afaceri 
(gestiune); 

e fiind bazat pe Web, sistemul trebuie să suporte majoritatea navigatoarelor 
actuale. 


Deşi nu există soluţii universale, pentru a pune pe picioare o afacere în domeniul 
comerţului electronic de produse putem planifica o strategie constând în paşii 
următori: 


1. Aspecte privind produsele vândute — imperios necesar este studiul detaliat al 
caracteristicilor produsului (sau grupului de produse) care urmează să fie pus 
în vânzare. La fel ca şi în comerţul tradiţional, natura produsului vândut va 
determina alegerea mijloacelor: furnizorul de servicii Internet şi aplicaţiile 
aferente. 

Unul dintre cele mai importante aspecte îl reprezintă implementarea 
echivalentului electronic al coşului de cumpărături (shopping cart). 

Sistemul oferit de coşul de cumpărături virtual este cel care permite să fie 
expuse pe Web imagini ale produselor, descrieri şi preţuri. Sunt furnizate, de 
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asemenea, mecanismele prin care consumatorul să aleagă cantitatea de produse 
comandate. Mai mult, tot acest sistem realizează verificarea şi înregistrarea 
datelor, calculează şi afişează totalul net al preţurilor cumpărăturilor, inclu- 
zând şi taxele de transport (eventual şi alte taxe) dacă este cazul, Informaţiile 
vehiculate vor fi stocate în diverse baze de date, componentele de manage- 
ment al bazelor de date trebuind proiectate sau cumpărate de la o altă compa- 
nie (furnizor de găzduire Web, ofertant de servicii de comerţ electronic etc.). 
Pentru articolele mai puţin pretenţioase sau în număr mic, este relativ uşor să 
se dezvolte aplicaţia pentru magazinul electronic apelându-se la diverşi 
programatori ori la o companie de software implementând soluţii la cheie, 
particularizate. Majoritatea furnizorilor de servicii de comerţ electronic oferă 
produse prietenoase, având interfeţe uşor de utilizat, astfel încât să poată fi 
exploatate şi de către cei cu experienţă redusă. 

Sistemul coşului de cumpărături trebuie să fie suficient de flexibil pentru a 
oferi posibilitatea de a expune produse prezentând categorii şi caracteristici 
multiple (de exemplu, pentru produsele textile trebuie luate în calcul variațiile 
de mărime şi culoare, iar pentru comercializarea de autoturisme clientul 
doreşte informaţii despre model, an de fabricaţie, producător, dotări etc.). 
Natural, unităţile de măsură şi preţurile sunt şi ele diferite. 

2. Securitatea — deşi am mai discutat despre acest subiect, el este deosebit de 
important pentru implementarea magazinului nostru virtual şi mai ales 
pentru asigurarea credibilităţii acestuia. Din moment ce informaţiile 
disponibile pe sit părăsesc serverul, fiind disponibile în Internet, ele aparţin 
domeniului public. Este posibil ca persoane răuvoitoare să le intercepteze şi să 
le utilizeze în mod necorespunzător. 

În ceea ce îl priveşte pe consumator, aceasta va fi foare interesat de garanţiile 
de securitate pe care le oferă situl Web. Trebuie să luăm în calcul aspecte 
precum maniera de transmitere a informaţiilor referitoare la plată, riscurile 
expunerii, locul unde sunt stocate datele private privitoare la client etc. 
Actualmente, soluţia utilizată pe scară largă pe Web este constituită de 
folosirea protocolului de securitate SSL (Secure Socket Layer) pentru orice 
vehiculare de informații confidenţiale (precum datele despre cartea de credit, 
identitatea reală a clientului etc.), în conjuncţie cu certificatele digitale. 
Certificatele digitale pot fi personale, utilizate la stabilirea identităţii unei 
persoane, sau certificate Web, folosite la verificarea securităţii şi autenticităţii 
unui sit. Protocolul SSL utilizează diverse metode criptografice şi poate fi 
folosit peste majoritatea protocoalelor de comunicaţie pe Internet. De 
exemplu, un transfer de date dintre un client şi un server Web se va realiza 
printr-o variantă a protocolului HTTP, denumită HTTPS (HyperText Transfer 
Protocol Secure), identificatorii uniformi de resurse folosind - în locul http: - 
schema https:. : 

Fără existenţa unei soluţii de implementare a protocolului SSL şi de folosire a 
certificatelor digitale, nici un consumator avizat nu va transmite pe Web 
datele cărţii sale de credit. 

În mod normal, orice server Web ar trebui să ofere suport pentru SSL. La fel, 
navigatoarele Web pot procesa datele criptate prin intermediul acestui 
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protocol. Desigur, şi aplicaţia de comerţ electronic trebuie să asigure suport 
pentru SSL. Furnizorii internaţionali de găzduire Web includ aceste facilităţi 
în preţul pachetului de servicii de e-commerce, 

În ceea ce priveşte certificatele digitale, acestea sunt emise de o autoritate 
internaţională (certificate authority), care poate fi o instituţie financiară sau o 
companie terță, cum ar fi VeriSign sau TrustCenter. 

Pentru realizarea de tranzacţii sigure, se poate folosi şi protocolul SET (Secure 
Electronic Transactions) ori se pot institui aşa-numitele sisteme de încredere (de 
exemplu, Virtual Vault de la Hewlett-Packard sau Trusted Solaris de la Sun). 
De asemenea, pentru identificarea utilizatorilor se poate folosi identificarea 
biometrică (e.g.: amprenta sau retina), necesitând însă echipamente speciale. 
Tot în cadrul sistemelor de securitate intră şi zidul de protecţie (firewall, filtru 
care verifică orice pachet de date vehiculat şi decide dacă poate trece mai 
departe (din/spre Internet), 

Pentru unele demonstraţii privind tehnologiile de securitate, a se vedea şi 
adresele gifts. zenExpress.com sau www. iCat „Com, 

Contul de comerciant — contul de comerciant este diferit de conturile bancare 
obişnuite, utilizate în afacerile tradiţionale. El permite acceptarea de plăţi prin 
cărţi de credit sau de debit ca formă de plată electronică provenită de la clienţi, 
Din momentul în care am primit un cont de comerciant, vom poseda şi un 
număr de identitate al comerciantului (Merchant ID), plus un terminal la 
punctul de vânzare (POS - Point Of Sale). Un terminal POS poate comunica 
prin intermediul liniilor telefonice, într-un mod similar faxului, cu banca. 
Prin intermediul acestuia se citesc şi se înregistrează informaţiile despre 
consumator de pe banda magnetică a unei cărţi de credit sau de debit. Mai 
mult, tot în responsabilitatea terminalului POS este activitatea de trimitere a 
informaţiilor şi detaliilor tranzacţiei către instituţiile autorizate să proceseze 
plata (Visa, Mastercard etc.) sau la banca emitentă, dacă este vorba de o carte 
de debit. Acestea furnizează răspunsul dacă fondurile (ori creditul existent) 
sunt suficiente efectuării plăţii şi autorizează sau declină tranzacţia. Aşadar, 
terminalul POS este folosit atunci când se utilizează mecanisme ale comerţului 
electronic, dar în contextul unor puncte de desfacere reale. Terminalul POS 
poate procesa, de asemenea, informaţii furnizate de cardurile inteligente. 
Pentru situaţia în care comunicarea prin intermediul terminalului POS nu 
este posibilă din varii motive (e.g: întrerupere temporară), tranzacţia poate fi 
totuşi procesată manual la un număr de telefon gratuit, 

Pentru a obţine un cont de comerciant, de cele mai multe ori se apelează la o 
bancă, dacă aceasta oferă astfel de servicii. Există şi instituţii non-bancare care 
furnizează servicii de acest gen, ş: care în plus pun la dispoziţie şi mecanismul 
de tranzacţionare în timp real, via Web, împreună cu autorizaţia contului de 
comerciant. Furnizorul contului de cumerciant poate influenţa alegerea 
sistemului de coş de cumpărături care trebuie să ofere mecanisme de procesare 
a indentificatorului comerciantului şi a cardurilor inteligente. 
"De asemenea, trebuie să avem in vedere taxele de procesare, diferite de cele de 
la cărțile de credit standard, şi maniera de realizare a tranzacţiilor: manuală 
sau automată, în timp real. 
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4. Realizarea comenzii electronice — desigur, există mai multe opţiuni de expunere 


a produselor oferite şi de expediere on-line a comenzilor. Cea mai simplă 
modalitate este de a realiza o serie de pagini Web destinate prezentării produ- 
selor şi de a concepe un formular HTML pentru interacţiunea cu utilizatorul, 
în vederea preluării şi trimiterii prin poşta electronică a comenzii acestuia. 
Pentru un număr redus de produse, această soluţie este fezabilă, fără a necesita 
decât actualizarea manuală a listei acestora, Dacă numărul produselor 
este/devine mai mare, va trebui să luăm în calcul o soluţie dinamică, 
constituită fie dintr-o serie de programe (disponibile gratuit pe Web sau 
realizate de un programator plătit), fie dintr-o aplicaţie complexă de comerţ 
electronic care oferă integrare cu sisteme de gestiune a bazelor de date ~- 
e.g.: soluţii gratuite precum MySQL şi PostgreSQL sau cele comerciale ca DB2, 
Oracle şi Microsoft SQL Server - şi mecanisme de autentificare şi securitate 
(pusă la dispoziţie de compania de găzduire a sitului Web sau de o corporație 
soft). | 
Programele simple care pot fi luate de pe Web prezintă o serie de dezavantaje: 
dificultate în instalare, dependenţă de platformă sau navigator, lipsă de suport 
tehnic sau de documentaţie, funcţii reduse sau inexistente pentru publicitate 
on-line, nu oferă instrumente de administrare a portofoliului de clienţi, posedă 
facilități limitate de expunere a produselor, pot fi insuficient testate etc. 


. Modalităţi de plată electronică - alegerea metodei de plată depinde în principal 


de tipul de sit de comerţ electronic: B2C (adresat consumatorului) sau B2B 
(dedicat tranzacţiilor de afaceri). După cum am văzut în secţiunea anterioară, 
câteva dintre modalităţile de plată utilizate sunt cartea de credit sau debit, 
cecul, ordinul de plată sau viramentul. Dacă pentru siturile de tip B2C cea mai 
frecventă metodă de plată este cartea de credit, la cele de tip B2B sunt folosite 
mai ales ordinele de plată şi viramentele bancare, 
De remarcat faptul că pentru tranzacţiile B2B, clienţii implicaţi deţin de 
obicei cont de firmă şi solicită eliberarea unei facturi. Este necesară, de 
asemenea, verificarea solvabilităţii clientului înainte de trimiterea mărfii. 
Mecanismul implementând coşul de cumpărături trebuie să ofere suport 
pentru colectarea informaţiilor necesare expedierii produsului şi procesării 
tranzacţiei (inclusiv facturarea, dacă este cazul). 
Pentru tranzacţiile care implică prelucrarea informaţiilor referitoare la cărţile 
de credit, pot exista două opţiuni: 
e procesarea manuală — implică următorii paşi: | 
- autentificarea - confirmarea faptului că numărul cărţii de credit este 
valid şi nu este furat; 
- autorizarea - confirmarea existenţei fondurilor necesare plăţii; 
- inițierea procesului de transferare a banilor. l , 
Etapele descrise sunt parcurse în regim offline, prin transmiterea 
informațiilor de pe cartea de credit prin telefon sau prin intermediul unui 
terminal POS furnizat o dată cu contul de comerciant. Autentificarea şi 
autorizarea se realizează Înainte de expedierea produsului, în timp ce 
transferul banilor are loc numai după ce produsul se află deja în drum spre 


consumator; 
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° procesarea în timp real ~ în totalitate computerizată, implică mai mulţi 
furnizori independenţi de servicii: banca firmei şi cea a clientului, 
companiile de cărţi de credit sau debit, ofertanţii de servicii de plată etc. 
Întregul mecanism va fi iniţiat prin apăsarea unui simplu buton sau prin 
activarea unei legături de tipul „Cumpără acum” („Pay now’). Deşi poate 
părea relativ complicat, furnizorul de găzduire Web poate asigura 
funcţionarea întregului sistem, iar interfaţa de administrare sau cea către 
clientul final poate fi uşor de manevrat. Trebuie să fim atenţi însă la taxele 
percepute în astfel de situaţii. 

Procesarea în timp real nu este întotdeauna necesară. Pentru un număr 

ridicat de tranzacţii simultane, timpul de procesare poate fi critic. 

6. Publicitatea - sintagma „Construieşte situl şi vor veni apoi şi clienţii” nu este 

valabilă pentru siturile Web tradiţionale, aşa cum s-a afirmat în trecut, şi cu 

atât mai puţin în cazul magazinelor virtuale. Strategiile de marketing şi de 
publicitate sunt absolut necesare pentru a obţine succes pe Web. 

Eficienţa reclamei on-line (e-advertising) depinde de maniera de utilizare a 

diverselor strategii, dintre care putem enumera: 

e stabilirea clară a obiectivului — orice proces de comunicare debutează cu 
fixarea obiectivelor campaniei de marketing. Printre acestea ar putea fi 
construirea/consolidarea loialității faţă de o marcă, intensificarea 
procesului de vânzare al produsului/serviciului la care se face reclamă, 
creşterea traficului sitului, îmbunătăţirea serviciilor dedicate 
consumatorilor. Ideal este ca, în timp, să le putem realiza pe toate, dar, în 
primul rând, trebuie să luăm în calcul un set de priorităţi menite a 
răspunde necesităţilor de moment; 

e definirea mesajului publicitar ~ trebuie să ne asigurăm că mesajul publicitar 
va răzbate printre celelalte de acelaşi fel. Principiile de bază, specifice 
publicităţii on-line sunt: 

- mesajul trebuie să fie cât mai lizibil, uşor de parcurs şi relevant în 
raport cu obiectivul propus; 

- textul mesajului trebuie limitat la 5-7 cuvinte, deoarece un mesaj scurt 
este mai repede înţeles şi poate atrage atenţia vizitatorilor. Trebuie să 
ţinem cont de faptul că utilizatorii sunt grăbiţi întotdeauna; 

- reclama trebuie folosită pentru a determina vizitatorii curioşi să 
viziteze situl. De aceea, mesajul scurt trebuie să fie incitant, asociind 
textului o informaţie grafică. Trebuie să stabilim cât de mult trebuie 
spus pentru a-i atrage pe vizitatori să afle mai multe; acest gen de 
persuasiune trebuie realizată cu discreţie, iar mijloacele - de primă 
mână (de exemplu grafica trebuie să aibă un nivel profesionist); 

* facilitarea navigării prin sit - promisiunea făcută în mesajul publicitar 
trebuie să se regăsească şi pe situl care se încarcă în urma click-ului 
vizitatorului pe reclama on-line. Pentru ca utilizatorul să fie determinat să 
viziteze cât mai mult din sit, navigarea trebuie să se desfăşoare cât mai 
rapid, într-o manieră structurată, dar simplă. Altfel campania riscă să fie 
ineficientă sau compromisă din pricina problemelor de construcţie a 
sitului. Un aspect important este cel al actualizării cu regularitate a 
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informațiilor, mai ales în secțiunile-cheie. Asupra informațiilor noi trebuie 
în principal atrasă atenţia. A se vedea şi capitolul următor; | < 
è utilizarea capacităților interactive ale Internetului. - interactivitatea 
deosebeşte cel mai tare reclamele on-line de cele tradiționale. Marketingul 
are de câştigat prin realizarea de sondaje de opinie direct de pe sit, prin 
dezvoltarea unei comunităţi a clienţilor fideli, prin posibilităţile de feed- 
back puse la dispoziție etc. Succesul pe Web nu depinde atât de mult de 
aptitudini, cât de perseverență şi de adaptabilitate. N 
Oriunde apare numele/sigla firmei trebuie să fie prezentă şi adresa Web a 
sitului: pe toate materialele listate (cărţi de vizită, broşuri, foi cu antetul 
Organizaţiei, comunicate de presă etc.), pe cadourile promoţionale (pixuri, 
agende şi altele), în orice apariţie publicitară în mass-media. Pentru a creşte 
gradul expunerii, multe firme afişează adresa Web a sitului propriu în secţiuni 
speciale ale principalelor periodice, ale publicaţiilor de afaceri şi ale mediei 
comerciale de profil. Spoturile publicitare televizate trebuie obligatoriu să 
includă informaţii privind adresa Web a firmei. 
Se poate merge mai departe, stabilind care mijloace de promovare pe Web ar 
avantaja afacerea noastră. Printre cele mai importante mijloace pot fi 
menționate: T E 
+ campania de afişe (bannere) publicitare - un afiş publicitar (banner) repre- 
zintă de fapt o imagine (statică sau animată), la care este ataşată o legătură 
spre un sit Web, plasată de cele mai multe ori la începutul paginilor care 
înregistrează traficul cel mai mare dintr-un anumit sit. Taxele pentru 
plasarea unui banner se calculează de obicei în raport cu numărul de 
expuneri sau de click-uri (urmarea propriu-zisă a legăturii spre care indică 
imagined). Compania care vinde spaţiile publicitare trebuie să deţină un 
program de urmărire a traficului pentru a oferi rapoarte statistice complete 
despre campania publicitară cu plată (acest program este plasat pe un 
aşa-numit server de publicitate - ad server). N o 
De exemplu, o reţea internaţională de banner-e care, în plus, cumpără/ vinde 
spaţii publicitare, incluzând şi o serie de situri româneşti este ValueClick - 
www .valueclick. com, CORE z Ă 
Un banner poate avea dimensiuni variate, studiile efectuate relevând faptul 
că dimensiunea cea mai des utilizată, cea tradiţională, este de 468x50 de 
pixeli, urmată de 120x60. Se constată că dimensiunile cele mai eficiente nu 
se bucură însă de o utilizare foarte largă. 
După crearea bannerelor, se efectuează un studiu asupra aspectelor 
demografice ale siturilor-ţintă, pentru a fi găsite cele mai potrivite, după 
care se recurge la negocierea afişării, Ca soluţie complementară se poate 
dezvolta propriul sistem publicitar, ca exemple de soluţii comerciale 
pentru servere de publicitate putând fi date AdServer (NetGravity) şi Open 
AdStream (RealNetworks). Se pot folosi şi programe de tip script, 
majoritatea disponibile gratuit pe Web, dar care nu oferă facilitățile 
aplicaţiilor profesioniste. E E 
De asemenea, un sit Web poate apela doar la serviciile de urmărire a 
traficului, servicii puse la dispoziţie de diverse companii internaţionale sau 
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naţionale, gratuit sau cu plată, în funcţie de traficul înregistrat. Pentru 
România, cele mai cunoscute sunt Tya ic, Grafstat sau Statistici, iar dintre 
cele internaţionale menţionăm FreeStats şi TbeCounter. Unele dintre 
acestea oferă şi posibilităţi de cumpărare de spaţiu publicitar, 

Unii proprietari de situri consideră că vânzarea de afişe publicitare nu 
reprezintă un model viabil de afaceri Web, nici în străinătate şi nici pe plan 
local. Una dintre greşelile comune este adoptarea de strategii publicitare 
similare celor din mass-media tradiţionale, care nu pot fi eficiente în cazul 
unui sit. Publicitatea bazată pe întreruperi (interruption based advertising), 
larg practică la radio sau televiziune unde receptorii mesajului se găsesc 
într-o stare pasivă, nu poate funcţiona într-un mediu on-line, deoarece 
Web-ul are o dinamică diferită, iar utilizatorii participă activ; 

programele de schimb de afişe publicitare — cel mai utilizat mijloc publicitar 
on-line din România, acest sistem presupune înscrierea la un serviciu de 
interschimb de conţinut publicitar al unor companii. Unul dintre cele mai 
cunoscute servicii de acest gen era GoldenClick. Altele sunt Golden Banners — 
www . golGenbanners . ro sau AdServer — www. adserver.ro, 

Rata de expunere poate fi de la 1:1 până la 1:3 (un banner al companiei 
noastre este afişat în cadrul altui sit Web, în schimbul afişării a 1, 2 sau 3 
afişe publicitare ale altor organizaţii în cadrul sitului nostru). Evident, cea 
mai bună rată de schimb este cea de 1:1, însă este rar practicată, din motive 
comerciale. Cele mai multe rețele utilizează rata de 1:2. Pentru a obţine o 
mai bună vizibilitate a banner-ului nostru pe alte situri, se pot cumpăra 
afişări suplimentare; 

afilierea la programe publicitare — acest tip de program stimulează vânzările 
oferind siturilor înscrise într-o astfel de reţea comisioane pentru fiecare 
vânzare realizată prin intermediul reţelei. Promovarea produselor şi 
serviciilor disponibile se realizează cu ajutorul reclamelor grafice, a banner-elor 
şi a legăturilor text. Sistemul de afiliere asigură urmărirea clienţilor şi 
contorizarea vizitelor şi a vânzărilor efectuate pentru fiecare sit în parte, 
prin intermediul unui cod unic de identitate. Un astfel de program este 
Afiliate World - www.Affiliateworlad. com; 

realizarea de legături reciproce — este una dintre cele mai eficiente forme de 
publicitate on-line, fără a fi costisitoare, dificultatea constând în a găsi situri 
cu un conţinut complementar, dispuse să accepte un astfel de schimb care 
s-ar putea dovedi avantajos ambelor părţi (eventual, prin realizarea unor 
discount-uri clienţilor ambelor situri de comerţ electronic). Multe situri 
oferind servicii electronice (e.g.: felicitări) recurg la această strategie. Unele 
motoare de căutare consideră numărul de legături externe către un sit 
drept un criteriu de listare a adresei sitului respectiv printre primele; 
directoarele cu plată - reprezintă directoare specializate de obicei pe un 
segment de piaţă care percep taxe pentru listarea siturilor de profil. La fel, 
anumite motoare de căutare (ie. Altavista sau Google) pot realiza acţiuni 
publicitare pentru diverse situri contra unui anumit comision sau pe bază 
de abonament. Astfel, în urma căutării unor anumiţi termeni, primele 
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afişate sunt siturile Web înscrise cu plată. Oricum, înscrierea gratuită la 
principalele motoare de căutare este obligatorie pentru a mări gradul de 
accesare a sitului; 

e inelele Web - un inel Web (web ring) este constituit dintr-o serie de situri 
având o tematică înrudită, comună (e.g: muzică heavy-metal. Siturile 
participante se leagă unul de altul prin intermediul unor legături 
text/grafice, afişate de cele mai multe ori la finalul unei pagini. Aceste 
legături conduc la situl precendent şi la cel următor din inel ori la un sit 
care listează toate siturile afiliate la respectivul inel. În acest mod se poate 
realiza şi o comunitate de vizitatori cu preocupări similare. 

„Desigur, un sit poate fi înscris, de obicei gratuit, la mai multe inele 
tematice, 


3.6.3 Strategii de marketing on-line 


Una dintre metodele de succes este cea a ofertei de produse gratuite, atragerea 
vizitatorilor şi satisfacerea acestora transmiţându-se informal şi către alte persoane. 
Dacă localizarea este aspectul de care se ţine cont în cadrul comerţului fizic, atunci 
„gratuit” reprezintă termenul magic în marketingul on-line. Oamenii pot fi atraşi 
către sit prin faptul că li se oferă mostre sau informaţii gratuite (de exemplu, 
documente de tipul white paper în care se realizează prezentarea problematicii 
principale a contextului de afaceri al firmei). 

Pentru companiile având ca profil. prelucrarea datelor (eg: analiştii financiari, 
firmele de sondaje etc.) se poate da un „comunicat de presă prin care se anunţă un 
important produs informaţional. La fel, celelalte categorii de firme pot, de asemenea, 
să transmită diverse informaţii menite a ameliora viaţa consumatorilor şi a 
potenţialilor clienţi. Aceştia pot avea acces la anumite articole, în mod gratuit, iar 
dacă îşi vor da seama că situl este actualizat regulat, ei se vor întoarce periodic şi vor 
răspândi vestea despre noutăţile apărute, 

Astfel, o altă strategie importantă este încurajarea vizitelor repetate pe situl 
nostru. Dacă scopul principal al sitului este de a crea o imagine de marcă sau dacă 
vizitatorii cumpără produsele ghidaţi de impresiile determinate de designul sitului, 
este esenţial să convingem actualii/potenţialii clienţi să revină pe sit. 

Oferind avantaje şi stimulând vizita clienţilor, asigurându-le satisfacția pe tot 
parcursul sitului, îi vom determina să se întoarcă. Printre mijloacele comune de a 
realiza aceasta se enumără oferirea de articole interesante sau sfaturi utile (cazul unor 
companii de cosmetice furnizând informaţii privitoare la realizarea unui machiaj 
potrivit). 

Actualizările de conţinut sau interfaţă ale sitului pot fi transmise prin poşta 
electronică vizitatorilor care s-au înscris la buletinul informativ pus la dispoziţie, 
gratis, de sit. Utilizarea unei astfel de tactici ajută la crearea unei baze de date care să 
ajute şi la determinarea nevoilor şi cerinţelor clienţilor, fapt ce va conduce la 
creşterea vânzărilor. 

O altă strategie este cea a creării sentimentului de exclusivitate. Creând un 
domeniu de acces cu parolă la o parte a sitului, vizitatorii au senzaţia că aparţin unei 
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comunităţi speciale. Cu această ocazie, prin completarea formularului de înscriere în 
vederea obţinerii parolei de acces, putem culege date demografice preţioase 
privitoare la aceşti membri. Un alt factor important este acela de a oferi posibilitatea 
de personalizare a sitului (modificarea modului de afişare, abonarea la ştiri 
„exclusive” etc.). Exemple notabile sunt My Yahoo! sau My Netscape. Utilizatorul 
doreşte să perceapă că este un fel de proprietar al fragmentului de sit la care are acces 
exclusiv. 


Portal 


P My Portal ——! 
Movies Amsterdam 
i Train shedul 


My bark account 
Dio ns. J 


Migrarea de la conținutul general la unul personalizat 
în accesarea unui portal disponibil pe telefonul mobil 


De asemenea, putem recurge la efectuarea periodei de anchete. Ca dezvoltatori ai 

unui sit de comerț electronic ne-ar plăcea să ştim ce gândesc ceilalţi despre afacerea 
noastră. Paginile Web pot cere opinia vizitatorilor asupra problemelor de navigare 
pe sit, de afişare a conţinutului, de achiziţionare a unui produs etc. (prin completarea 
unui sondaj de opinie — survey). 
- De asemenea, putem să ne formăm o părere asupra unor probleme din domeniul 
în care lucrează utilizatorul. Sondajele servesc scopului adiţional de a culege statistici 
folositoare de la grupul-ţintă vizat, utile în cercetările de marketing. Dacă informaţia 
merită a fi făcută publică, putem apela la presa scrisă ori putem afişa informaţiile 
respective chiar pe sit. Este cunoscut faptul că multe motoare de căutare (i.e. Excite) 
oferă zilnic sondaje de opinie. Vizitatorii îşi pot face cunoscute opiniile asupra 
anumitor subiecte şi pot vedea rezultatele imediat. Dacă sondajele puse la dispoziţie 
sunt atractive şi diversificate, vizitatorul poate fi stimulat, de asemenea, să revină şi a 
doua zi pe situl respectiv. 

Organizarea unui sondaj de opinie se poate realiza în funcţie de mesajul care se 
doreşte a fi transmis sau care consolidează poziţia firmei. Compania Gallup întreţine 
un sit pentru sondaje pe Internet dând posibilitatea diferitelor persoane să-şi exprime 
opiniile sau/şi să parcurgă rezultatele unor sondaje celebre. 

Captarea unei -atenţii mărite asupra unui sit, determinând şi revenirea 
utilizatorilor pe acel sit, se poate realiza şi prin organizarea de concursuri on-line. De 
exemplu, compania Sunny Delight oferea studenţilor la colegiu şansa de a câştiga o 
bursă de zece mii de dolari, concurs care s-a bucurat de atenţie naţională în revista 
USA Today. La fel, Macromedia a instituit un concurs internaţional pentru 
utilizatorii aplicaţiei Flash în determinarea celui mai atractiv sit Web folosind această 
tehnologie multimedia. Concursurile sunt cele mai indicate atunci când întăresc 
misiunea sau valorile firmei care sponsorizează aceste concursuri, eventual în 
conjuncţie cu tombole virtuale. Un alt tip de concurs poate încuraja folosirea 
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produselor companiei, constituind o mişcare de marketing inteligentă. De exemplu, 
în cadrul unui concurs se poate cere oamenilor să explice motivul pentru care au 
neapărată nevoie de produsul vândut pe Web. Câştigătorii pot fi promovați în ziare 
locale şi la televiziune, ceea ce poate constitui un alt beneficiu. În cazul Amazon, 
care are câştigători zilnic, există numeroase posibilităţi de publicitate în multe pieţe 
locale, în mod constant. 

De reţinut: cu cât concursul are legătură tot mai strânsă cu produsele şi misiunea 
firmei, cu atât rezultatul general va fi mai eficient în a consolida misiunea de 
marketing. 


3.7 Concluzii 


Desigur, afacerile pe Web reprezintă un domeniu în continuă evoluţie, imprevizibil, 
dar cu un potenţial incredibil. Principalele provocări tehnice pentru activităţile de 
e-business sunt legate de securitatea tranzacţiilor, de construirea unei infrastructuri 
adecvate, de facilitarea accesului la date în diverse forme, de pe platforme diferite, 
inclusiv cele mobile, de integrare a sistemelor existente, de gestionare coerentă a 
conţinutului şi de accelerare a transferului de informaţii. Managerii firmelor actuale 
se confruntă, la rândul lor, cu diverse provocări cărora desigur trebuie să le facă faţă: 
bugetele alocate, tehnologia utilizată, instruirea personalului, îmbunătăţirea 
serviciilor pentru clienţi sau găsirea unor noi clientele. 

Asistăm la diverse tendinţe pe termen scurt sau mediu, dintre care printre cele 
mai interesante se numără comunicațiile fără fir, schimbul de date XML, mărirea 
lăţimii de bandă, adoptarea unor soluţii electronice de management al personalului 
întreprinderilor, personalizarea serviciilor, crearea unor interfeţe flexibile cu 
utilizatorul şi accesarea informaţiilor indiferent de localizare. 

Viitorul nu va fi legat exclusiv de tehnologiile folosite, ci de asumarea sarcinii 
dezvoltării permanente a unei culturi organizaționale, focalizată pe activităţile de 
e-business, plecând de la premisele realităţii. De altfel, previziunile analiştilor 
economici afirmă că afacerile de succes ale viitorului apropiat vor fi serviciile - 
specializate şi totodată elitiste, adresate publicului larg - şi mai puţin comercializarea 
on-line de bunuri. În ceea ce priveşte afacerile business-to-business unul dintre paşii 
importanţi îl va constitui trecerea la reţelele de procesare a afacerilor (BPN - Business 
Process Networks), constituindu-se un cadru informatic sofisticat permiţând unei 
companii să îşi extindă infrastructura tehnologică în manieră controlată. De alfel, 
deja există diverse corporaţii de renume, precum BowStreet, IBM, Iona sau Oracle, 
care oferă soluţii BPN. 


R 
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Comentarii bibliografice 


Domeniul afacerilor pe Web, fiind la răscruce de discipline, se dovedeşte extrem de 
amplu. Drept resursă bibliografică indispensabilă se poate menţiona cartea lui D. Amor, 
The E-Business (Rjevolution, Prentice-Hall, 1999 (mulţumim Lilianei Ibănescu pentru 
facilitarea accesului la acest material). O lucrare prezentând „stilul de viață Web” şi 
modelarea afacerilor prin prisma tehnologiilor Internet este B. Gates, @faceri cu 
viteza gândului, Editura Amaltea, Bucureşti, 2000. 

Relaţiile complexe dintre Internet şi societatea umană sunt discutate în excelenta 
carte N. Negroponte, Era digitală, Editura All, Bucureşti, 1999. 

Cititorul interesat de domeniul afacerilor pe Web poate consulta colecţia revistei 
eWeek, special dedicată acestui subiect ~ eweek agora. ro. Alte articole interesante 
au apărut în PC Magazine Romania - www .pemagazine.ro şi NET Report - 
www.netreport . ro. De asemenea, cititorul poate parcurge materialele disponibile 
on-line la adresele: 

e AdKnowledge Library - www.arahne.ro/ak1/ 

e Afaceri pe Internet - www.a faceri .net 

e OneBiz - www. onebiz.8m.net 

În ceea ce priveşte metodele de plată, furnizăm câteva adrese referitoare îndeosebi 
la cardurile inteligente: 

* Open Card - www. opencard. org 

e Smart Card Industry Association - www. scia. org 

e The Smart Card Resource Center - www. smart-cară. org 

Pentru detalii privind diverse aspecte ale securității comerțului electronic, se pot 
consulta şi lucrările V. Patriciu et al., Securitatea comerțului electronic, Editura All, 
Bucureşti, 2001 şi V. Patriciu et al., Internet-ul şi dreptul, Editura All-Back, Bucureşti, 
1999. 

În ceea ce priveşte construirea de magazine virtuale, există diferite aplicaţii 
dedicate acestui scop - comerciale sau gratuite - disponibile pe diverse platforme. Pe 
CD-ul cărţii, în cadrul secţiunii Resurse, cititorul poate găsi o serie de adrese Web 
utile. De asemenea, sunt incluse diverse aplicaţii şi programe menite a facilita 
dezvoltarea de situri de comerţ electronic şi nu numai, dintre care menţionăm eZ 
Publish - soluţie open-source pentru implementarea de magazine virtuale pe 
platformele Linux şi Windows NT/2000/XP. 


4. CREAREA PAGINILOR WEB 


Omul face un câmp rodnic nu numai cu sapa şi cazmaua, ci şi cu ceea ce 
gândeşte în timp ce sapă şi răstoarnă pământul. (Sándor Márai) 


În cadrul capitolului de faţă vor fi descrise cele mai importante aspecte 
privind conceperea de pagini Web prin intermediul limbajului HTML, De 
asemenea, vor fi prezentate foile de stiluri în cascadă CSS, utile pentru 
ataşarea unor proprietăţi de stil elementelor HTML. 


4.1 Limbajul HTML 


Un document hipermedia poate fi identificat prin următoarele caracteristici 
fundamentale: structură, conținut şi formă. Dacă forma de vizualizare este 
dependentă de programul de afişare a informaţiilor conţinute de acel document (în 
cazul nostru un navigator Web), structura şi conţinutul său trebuie să aibă un format 
general de reprezentare, pentru a fi asigurate portabilitatea şi independenţa de 
platformă. Acest format este asigurat şi furnizat de limbajul de marcare (sau de 
adnotare) HTML - HyperText Markup Language. Considerat lingua franca a Web-ului, 
HTML provine din SGML, fiind o aplicație majoră a acestuia. 


4.1.1 Caracterizare 


De reţinut faptul că HTML nu este un limbaj de programare, ci unul declarativ. Ca 
şi SGML, limbajul HTML utilizează marcatori (tag-uri) descriptivi pentru definirea 
modului de prezentare şi a structurii logice a unui anumit document hipertext, 
Termenul marcaj (markup) a fost folosit iniţial pentru a descrie anumite adnotări, 
note marginale în cadrul unui text, inserate de autor cu intenţia de à indica 
tehnoredactorului (tipografului) cum trebuie cules sau listat un anumit pasaj, dacă nu 
chiar omis. Exemple de astfel de adnotări ar fi sublinierea unor anumite cuvinte, 
recurgerea la diverse simboluri speciale, imprimarea unor părţi de document cu un 
corp de literă (font) specificat etc. Cum formatarea şi imprimarea textelor au fost 
ulterior automatizate, aria lingvistică a termenului „marcaj” s-a extins pentru a 
acoperi toate tipurile de coduri de marcare inserate în textele electronice cu scopul 
de a indica modul de formatare, listare ori alte acyiuni, 

Generalizând, putem defini marcajul sau codarea drept orice acţiune de a 
interpreta în mod explicit un fragment de informaţie. Codificarea datelor (în 
particular, a textelor) pentru procesarea computerizată este similară, în principiu, cu 
transcrierea unui manuscris din scriptio continua într-un format special, intern, dictat 
de utilizator (autor, tehnoredactor, editor etc.) folosindu-se ~- explicit sau nu - unele 
directive/marcaje care definesc maniera de interpretare a conţinutului acelor date. 
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Printr-un limbaj de specificare înţelegem, astfel, un set de convenţii de marcare 
utilizate pentru codificarea datelor. Un limbaj de marcare trebuie să specifice 
mulţimea de marcaje obligatorii, permise, maniera de identificare a marcajelor şi 
semantica fiecărui marcaj disponibil (similar procesului de specificare a sintaxei şi 
semanticii unui limbaj.de programare). 


Elemente 


Termenul tehnic pentru textul marcat este element, acesta fiind văzut ca o compo- 
nentă structurală a unui document. Diferite tipuri de elemente au asignate diferite 
nume, cele corespunzătoare limbajului HTML fiind stabilite de către Consorţiul 
Web. Fiecare element trebuie specificat explicit într-un anumit mod, cea mai 
comună modalitate fiind aceea de a insera un marcaj (tag) la începutul unui element 
(tag de început) şi unul la sfârşitul lui (numit tag de sfârşid), ambele punând numele 
asignat elementului. Perechea tag de început - tag de sfârșit este folosită la încadrarea 
fiecărei apariţii a elementului respectiv în cadrul unei pagini Web (într-un mod 
similar utilizării diferitelor tipuri de paranteze ori semne de punctuație, ca în 
exemplul folosirii ghilimelelor pentru a delimita un citat). 

Astfel, forma unui element generic va fi <element>...</element>, unde 
<element> specifică un tag de început şi </element> un tag de sfârşit, iar 
element este numele unui element oarecare permis de specificaţiile HTML. 
Numele unui element nu poate începe cu un număr şi nici nu poate conţine spaţii. 

Un element poate fi vid (nu conţine nimic între tag-ul de început şi cel de sfârşi?) 
sau poate conţine un text, inclusiv alte elemente. Mai multe elemente de acelaşi tip 
pot fi imbricate. Astfel, relaţiile dintre elementele HTML pot fi privite în termeni 
de secvenţă, apariţie, ierarhie, grupare sau incluziune. Semantica fiecărui element 
definit este stabilită de către Consorţiul Web, fiind aplicată în mod corespunzător - 
chiar dacă uneori cu mici diferenţe - de către fiecare navigator. 

Lista tuturor elementelor permise de HTML 4.01 este disponibilă în cadrul 
anexei 1, inclusă pe CD-ul cărții. 


Atrfute 


Un atribut este utilizat cu scopul de a se descrie o anumită proprietate a unei apariţii 
particulare a unui element. De exemplu, un element paragraf poate accepta ca 
atribut opţional modul de aliniere (la stânga, la dreapta sau centrat), alinierea 
nerealizându-se decât pentru paragraful în cauză şi neavând efect la celelalte 
paragrafe (context local). Atributele vor apărea doar în cadrul zag-ului de start, nu şi 
în tag-ul de sfârşit, altminteri apărând :edundanţa. Pentru un element pot exista 
oricâte atribute, atât timp cât sunt declarate corect. 

Fiecare atribut are stabilit un nume - compus din caractere literale - şi poate avea 
drept valori, în mod uzual, şiruri de caractere sau numere întregi delimitate de 
ghilimele. Astfel, specificarea generică a unui atribut va avea forma 
atribut="valoare”. De notat faptul că numele unui atribut poate fi identic cu 
numele unui element. 

În anexa 2, disponibilă pe CD-ul cărţii, cititorul interesat va putea regăsi preciză- 
rile privind numele atributelor HTML, valorile permise şi contextul apariţiei lor. 
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Entităţi 


O entitate reprezintă o parte de text care are asociat un nume (în i 
poate avea ca valoare un şir de caractere sau un simbol a 
entităţile sunt fixate prin specificaţiile redactate de Consorţiul Web. 

Utilitatea majoră a acestei facilităţi este dată de posibilitatea de generare a unor 
simboluri speciale sau a unor caractere din codul extins pentru alfabete ale unor 
limbi ca româna sau greaca. Se poate accesa, de exemplu, o entitate atunci când se 
doreşte folosirea unor simboluri speciale a căror apariţie în text în forma lor 
normală ar genera confuzii navigatorului Web (de exemplu, caracterul rezervat „<” 
folosit de obicei ca delimitator de nume de element, într-un tag). 

Accesarea unei entităţi se va realiza prin intermediul referințelor la entităţi, 
folosindu-se construcţia sintactică &nume_entitate; (Caracterul „&”, urmat de 
numele entității, apoi de „;”). HTML oferă posibilitatea ca o referinţă la o entitate 
caracter să fie specificată atât prin numele ei simbolic, cât şi prin codul numeric al 
caracterului respectiv, referința caracter fiind prefixată în acest ultim caz de „&#” şi 
sfârşindu-se tot cu „;”. 

Câteva exemple (pentru lista completă a entităţilor HTML consultaţi anexa 3 de 
pe CD): 

&1t; desemnează caracterul special „<”; 

&copy; poate fi folosită pentru a genera „€” (simbolul copyright); 
&icirc; referă caracterul „2”; 

&#8212; poate fi utilizată să genereze caracterul „—” (em dash). 
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Declarația tipului de document 


Deoarece limbajul HTML este descendent din SGML, fiecare versiune de HTML se 
conformează unei definiţii formale stabilite de Consorţiul Web şi reprezintă în fapt 
un tip de document SGML (reamintim faptul că SGML este meta-limbaj, folosit la 
definirea unor alte limbaje de marcare). Această definţie este denumită definiţia 
tipului de document - DTD (Document Type Definition) şi se găseşte la un URL din 
cadrul sitului Consorţiului Web. Un DTD este un fişier text conţinând reguli care 
stabilesc mulţimea de elemente şi atribute, valorile acestora, ca şi structura unui 
document HTML (maniera de apariţie a elementelor şi atributelor, precum şi 
relaţiile dintre ele). 

Pentru a putea fi procesate şi de analizoarele SGML ori pentru a preciza exact 
setul de elemente şi atribute folosit (set corespunzător uneia dintre versiunile HTML 
2.0, HTML 3.2, HTML 4.0 sau HTML 4.01), paginile Web marcate în HTML pot 
include ca primă linie o declaraţie a tipului de document. 

De exemplu, conform specificaţiei HTML 4.01 (apărută în decembrie 1999), 
marcajele dintr-un fişier HTML vor fi precedate de una dintre liniile: 


<!DOCTYPE HTML PUBLIC „= //W3C//DTD HTML 4.01 Strict//EN> 
<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4,01 

Transitional //EN> 

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Frameset//EN> 
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corespunzând celor trei variante de DTD-uri stabilite de Consorţiul Web: strictă 
(fără a conţine elemente şi atribute considerate demodate; construcţiile demodate 
fiind păstrate numai pentru compatibilitatea cu versiunile HTML mai vechi), 
tranzițională (putând să apară şi elemente sau atribute demodate) şi cu cadre (oferind 
suport pentru cadre). Pentru ultima variantă, corpul documentului va fi înlocuit cu 
mulţimea de cadre (frame-uri) din care va fi compusă pagina Web prin intermediul 
construcţiei <frameset>. ..</frameset> (vezi mai jos). 

Documentele HTML respectă DTD-ul stabilit de Consorţiul Web care nu 
trebuie inclus uzual în cadrul sursei paginii Web. 


4.1.2 Formatul unui document HTML 


Pentru formatarea şi structurarea datelor, HTML pune la dispoziţie un număr de 
elemente şi de atribute. După cum am văzut mai sus, marcajele se încadrează între 
delimitatorii „<” şi „>”, putând exista tag-uri de început şi de sfârşit. Numele de 
elemente şi atribute pot fi scrise fie cu minuscule, fie cu majuscule sau combinat (ca 
şi SGML, limbajul HTML este case-insensitive), dar recomandăm dezvoltatorilor să 
folosească numai literele minuscule (dintr-un motiv care urmează a fi dezvăluit în 
secţiunea 4.1.4). 


Forma generală a unei pagini Web 


Fişierele HTML sunt fişiere text obişnuite (ASCII sau, mai nou, Unicode) având 
extensia „html (sau . htm) şi sunt divizate în două părţi: antetul (bead) şi corpul (body). 
Astfel, o pagină Web marcată cu tag-uri HTML are forma generală: 


<html> <!-- tag obligatoriu --> 
<head>  <!-- început de antet --> 
</head> <!-- sfârşit de antet --> 
<body> <!-- început de corp --> 
</body> <!-- sfârşit de corp --> 
</html> <!-- sfârşit de document --> 
După cum probabil cititorul şi-a dat seama, construcția <!--...--> reprezintă 


modalitatea de a insera comentarii în cadrul unui document HTML. Se recomandă 
utilizarea comentariilor pentru a fi oferite informaţii privitoare la conținutul paginii 
Web, data şi motivul creării/actualizării acesteia sau pentru a fi explicate anumite 
construcții sau prelucrări mai complexe realizate. 

De reţinut faptul că modul de spaţiere a tag-urilor nu are importanţă, spaţiile albe 
(caracterele spaţiu, tab sau new line) fiind ignorate. În exemplul prezentat, puteam 
scrie toate tag-urile pe aceeaşi linie, cu acelaşi efect, 

O altă observaţie este aceea că, în momentul procesării sursei paginii, navigatorul 
Web nu va semnala nici o eroare dacă găseşte incluse în cod elemente sau atribute 
necunoscute, acestea fiind ignorate tacit. Pentru un element necunoscut, va fi luat în 
consideraţie doar conţinutul acestuia, cuprins între tag-ul de început şi cel de sfârşit. 
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Dacă un atribut are o valoare invalidă (sau vidă), aceasta va fi înlocuită automat cu 
valoarea implicită a acelui atribut, valoare care se găseşte specificată în DTD-ul 
variantei HTML folosite. De asemenea, construcţiile HTML eronate (e.g: marcaje 
închise greşit) vor fi ignorate, procesându-se numai conţinutul acestora. 

În cadrul antetului (care nu este obligatoriu), printre altele, poate apărea titlul 
documentului (al paginii Web) specificat de tag-ul <title>., Uzual, acest titlu va fi 
afişat de navigator pe bara de titlu a ferestrei în care se vizualizează acea pagină. 

Un exemplu: 


<titie>Facultatea de Informatica</title> 


De obicei între <head> şi </head> apar definiţii de subprograme (rutine) scrise 
în limbaje de tip script (precum JavaScript), definiţii de stiluri CSS ori meta-elemente, 
pentru a ne asigura că sunt analizate şi memorate de navigator (antetul fiind procesat 
primul). 


Elemente uzuale 


A » . w . 
În cadrul corpului unui document HTML pot apărea diverse elemente pentru a 
specifica: 


* stilul de afişare 
<b> (îngroşat), <i> (înclinat), <u> (subliniat), <strong> (îngroşat), <em> 
(intensificat), <big> (mai mare), <sma11> (mai mic), <sub> (indice), <sup> 
(exponent), <font> (dimensiune, culoare şi familie de font), <pre> (text 
preformatat); <code> (cod sursă), <center> (centrat) 

e titlurile 
<h1> ... <h6> (şase tipuri) 

e secţiunile 
<div> (diviziune), <p> (paragraf), <hr> (linie orizontală), <br> (trecere la 

linie nouă) 

e listele 
<ul> (listă nenumerotată), <o1> (listă numerotată), <li> (element de listă), 
<dir> (listă de directoare), <menu> (meniu) 

e conţinutul grafic 
<img> 

e tabelele 
<table> (început de tabel), <tr> (linie de tabel), <ta> (definiţie de celulă), 
<th> (celulă de antet), <thead> (secţiune de antet de tabel), <tbody> 
(secţiune de corp de tabel 

e legăturile (ancorele) 
<a>, <link> 

e formularele electronice 
<form> (definiţie), <input> (câmp de interogare), <select> (listă de 
selecţie), <opt ion> (opţiune) 

è cadrele (frame-urile) 
<frameset> (definire), <frame> (cadru), <noframes> (alternativă de 
afişare, dacă nu sunt suportate cadrele) 
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* suportul pentru includerea de cod-sursă scris în alte limbaje 
<applet> (applet Java), <script> (cod JavaScript sau VBScript), 
<object> (obiect generic, e.g: ActiveX, prezentare multimedia etc.) 

è suportul multimedia 


<embed> (extensie Netscape), <bgsounâ> (extensie Internet Explorer), 
<object> 


e extensiile 
<meta> (meta-date şi alte directive) 


4.1.3 Conceperea documentelor HTML 


Având la dispoziţie elementele şi atributele oferite de standardele HTML, putem 
crea orice document Web, oricât de complex ar fi acesta, recurgând doar la un 
simplu editor de texte, cu ajutorul căruia putem redacta succesiunea de tag-uri şi date 
corespunzătoare documentului respectiv. 


Editoare HTML 


Pentru redactarea documentelor HTML, recomandăm utilizarea unui editor de texte 
cu suport pentru limbaje de programare, deoarece autorii posedând cunoştinţe din ce 
în ce mai largi de proiectare şi programare Web vor dori cu siguranţă să aibă acces la 
cât mai multe facilităţi de editare. Pentru platforma Windows, în locul banalului 
Notepad pot fi utilizate mai comodele şi flexibilele programe UltraEdit şi TextPad 
(disponibile în varianta shareware) care operează la nivelul codului-sursă HTML. Şi 
sistemul de operare Linux oferă o paletă largă de editoare, de la mai simplele pico şi 
Joe (în mod text) sau KWrite şi gedit (în mod grafic, disponibile în medii KDE şi, 
respectiv, GNOME), până la vim sau Emacs. 
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Editarea codului HTML cu UltraEdit 
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De asemenea, putem recurge la editoare de cod HTML mai complexe, 
specializate, precum AceZIIML Pro, HotDog şi Ist Page (sub Windows) sau BlueFish, 
Coffee Cup şi Quanta Plus (pentru Linux). Toate aceste exemple de aplicații nu 
folosesc paradigma WYSIWYG (What You See Is What You Get) - nefiind editoare 
grafice - ci oferă suport în procesul de concepere a documentelor Web celor care 
cunosc măcar elementele şi atributele HTML uzuale. Unele dintre ele posedă însă şi 
o serie de alte facilităţi: asistenţi pentru realizarea de pagini dinamice, şabloane de 
documente, validatoare de cod HTML, navigator Web încorporat, suport pentru 
tag-uri proprietare, biblioteci de scripturi (e.g: JavaScript, Perl, PHP), completarea 
automată a codului şi altele. i 
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Utilizarea editorului AceHTML Pro 


Majoritatea aplicațiilor amintite mai sus oferă la editare şi mecanismul de syntax 
highlighting, adică diferite scheme de colorare a elementelor, atributelor, 
proprietăților etc. introduse de autorul documentului, 

O altă clasă de aplicaţii care pot fi folosite în procesul de concepere a 
documentelor HTML este cea a uneltelor de editare (authoring tools) care oferă în 
principal un mediu de lucru vizual pentru realizarea de pagini şi situri Web. Se pot 
aminti - pentru Windows - sofisticatele Macromedia Dreamweaver sau Adobe 
GoLive, iar corespunzător platformei Linux, un proiect ambițios este SCREEM (Site 
CReating and Editing EnwvironMen:) - încă nefinisat, din păcate. Această categorie de 
aplicaţii oferă posibilitatea urmăririi relaţiilor dintre diferitele documente, 
încorporând facilități de parcurgere a legăturilor şi de vizualizare a structurii sitului 
generat. 
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Editarea paginilor Web folosind Quanta Plus 
(elementele HTML se regăsesc uşor via arborele asociat documentului) 


Inspectarea structurii unui sit Web cu Adobe GoLive 


Se cuvin menționate şi mai modestele Netscape/Mozilla Composer şi Microsoft 
Frontpage, utile neprofesioniştilor pentru generarea rapidă a paginilor Web. 
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Formulare electronice 


În continuare vom prezenta succint modalităţile de realizare în HTML a 
formularelor electronice, extrem de utile mai ales pentru interacțiunea cu utilizatorii 
deoarece permit introducerea de date diverse care vor putea fi prelucrate ulterior - 
de regulă pe serverul Web - de către anumite programe (scripturi). 

Formularele pot varia de la o simplă casetă de text - care permite introducerea 
unui şir de caractere, cu rol de expresie de interogare, de exemplu, ca în cazul unui 
motor de căutare pe Web -, până la o structură complexă, cu multiple opţiuni, 
oferind facilităţi puternice de transmisie a datelor - ca în cazul unui formular de 
înscriere la o conferinţă. 

Există două maniere prin care informaţiile dintr-un formular pot fi transmise de 
la navigatorul care vizualizează formularul la serverul Web - situat undeva în 
Internet. Atunci când datele introduse în formular sunt incluse în URL-ul de 
destinaţie ca şir de interogare (după caracterul »?”), avem de-a face cu metoda 
denumită „GET” sau cu un formular de tip „ger” (este utilizată metoda GET a 
protocolului HTTP). O metodă alternativă este aceea în care URL-ul destinaţie arată 
perfect normal, fără alte elemente suplimentare adăugate la sfârşitul adresei Web, 
informaţiile introduse în formular fiind transferate prin metoda POST a protocolului 
HTTP. În această a doua situaţie avem o metodă „POST” sau un formular de tip 
„post”. 

Vom descrie în continuare construcţiile HTML destinate definirii formularelor 
Web. 
Un formular HTML apare inclus în pagina Web prin intermediul elementului 
<form> având atributele obligatorii action=url şi methoa=metoda. URL-ul 
indică fişierul sau aplicaţia aflată pe serverul Web care urmează să prelucreze 
informaţiile din formular, iar metoda poate fi GET sau POST. 
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În cadrul marcajului <form> se pot insera atât tag-uri HTML uzuale, cât şi 
diverse elemente particulare, indicând modalităţi de introducere a datelor în cadrul 
formularului. În cea mai mare parte, toate câmpurile unui formular, destinate 
introducerii datelor, sunt specificate prin intermediul elementului <input>, 
utilizându-se atribute specifice, 

Atributele uzuale ale unui element <input> sunt următoarele: 


° type = tip indică tipul câmpului de introducere a datelor (vezi mai jos); 

° name = nume furnizează numele câmpului, acest nume urmând a fi folosit 
de către programul de prelucrare a formularului; 

e value = valoare conţine valoarea implicită a câmpului de intrare; 

° checked indică pentru un buton de selecţie dacă acea opţiune este selectată 
implicit sau nu; 
disabled specifică faptul că o opţiune sau un butoh de selecţie sunt inhibate; 

° size = număr stabileşte lăţimea de afişare a unui câmp de date (în mod 
uzual, un câmp text); 

° maxlength=număr determină lungimea maximă a valorilor introduse de 
utilizator într-un câmp de tip text; 

e readonly indică faptul că un câmp nu poate fi modificat. 


Dacă se doreşte introducerea unor informaţii text pe mai multe linii, se poate 
utiliza elementul <textarea>. Pentru realizarea unor casete de validare (având 
butoane sau opţiuni multiple) se foloseşte elementul <select> (vezi infra). 

Navigatoarele Web curente permit utilizarea într-un acelaşi formular a unor 
tipuri diverse de câmpuri de intrare (elemente <input>), fiecare dintre acestea 
determinând un format diferit de ieşire. Tipurile de intrări (dialoguri) care pot fi 
specificate sunt următoarele: 


1. text este tipul prestabilit, cu atributul size utilizat pentru a se specifica 
lăţimea de afişare a casetei de dialog care se creează pentru introducerea unui 
şir de caractere. Următorul cod HTML va genera un astfel de dialog text (în 
acest exemplu, câmpul text este complet inutil, fiindcă nu va fi prelucrat de 
nici un program): 

< form> 
<input type="text" size="30" 

value="Text inițial" name="subiect"> 

</form> 

2. password (parolă) specifică un câmp de text, în care datele introduse de 
utilizator vor fi afişate prin caracterul „*” sau alte simboluri, din motive de 
securitate. Atributul maxlength poate fi folosit pentru precizarea numărului 
maxim de caractere permis pentru parolă. În mod uzual, valoarea acestui 
câmp va fi trimisă necriptată serverului Web. 

<form> 
<p>Parola: 
<input type="password" name="parola" 

size="20" maxlength="25"> 
</form> 
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Utilizarea combinată a câmpurilor de tip text şi password 


. 7 ; f ; x 
3. hidden (câmp ascuns) permite transmiterea unor informații programului 
care prelucrează datele introduse, fără ca utilizatorul să le vadă pe ecran. De 


generată automat, 
<input type="hidden" name="adresa" value="web@infoiasi.ro"> 


4. checkbox (buton de validare) creează o singură casetă (negrupată) de 
validare; prin atributul checked putem preciza că aceast dialog urmează a fi 
marcat implicit. 

<form> 
<h5 align="center">Mă abonez la ştiri: 
<input type="checkbox" checked name="stiri "><br> 
Mesajele vor fi filtrate: 
<input type="checkbox" name="filtru"></h5> 

</form> 


5. radio (buton radio) afişează un buton de interblocare; diferitele butoane 
radio care au acelaşi atribut name = valoare sunt grupate în mod automat 
astfel încât doar un singur buton din grup poate fi selectat la un moment dat, 

<form> 
<p>Vizualizare; 
<input type="radio" names"viz” value="auto"> automată 
<input type="radio" name="viz" value="manual" checked> 

manuală 
<input type="radio" name="viz" value="inhibat"> inhibată 
</p> 

</form> 


6. button (buton) va genera un buton generic, util pentru prelucrarea 
formularelor pe partea client (prin intermediul scripturilor). 
<form> 


<input type="button" name="buton" value="Continuăn> 
</form> 
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Utilizarea efectivă a câmpurilor de tip radio şi checkbox 


7. submit (transmitere) afişează un buton care va avea ca efect transmiterea 
informaţiilor introduse în formular către resursa specificată de atributul 
action al elementului < form>. 


<form methoâ="GET" 
action= 
„http: //www.irfoiasi.ro/fcs/search/search.pl .cgi"> 
<p>Caută în cadrul paginilor 
Facultății de Informatică:</p> 
<input name="termeni* l 
size="50" maxlength="100" value=""> 
<input type="submit" value="Caută acum"> 
</form> 


8. image este identic cu submit, dar în locul unui buton va fi afişată imaginea 
specificată, urmând ca, atunci când se va executa clic pe ea, datele din 
formular să fie trimise către serverul Web. 


<input type="image" src="cauta.gif" alt="Caută"> 


9. reset (iniţializează) permite utilizatorilor să şteargă conţinutul tuturor 
câmpurilor formularului (unele navigatoare vor seta câmpurile la valorile 
iniţiale specificate prin atributul value). 


<form> 
Numele: Ă 
<input type="text" name="nume” 
<br> 
vârsta: 
<input type="text" name="ani" size="2"> 
<br> 
<input type="submit" value="Trimite datele" size="25"> 
<input type="reset" value="Şterge" size="25"> 
</form> 


size="20"> 


10. file (fişier) oferă posibilitatea de a li se permite utilizatorilor să transmită 
serverului Web un fişier (acţiunea de upload). 
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<p>Daţi un nume de fişier sau alegeţi unul: 
<form> 

<input type="file" name="fisier" size="30"> 
</form> 


Efectul apăsării butonului Browse poate fi urmărit în figura de mai jos: 
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Alegerea unui fişier prin explorarea structurii de directoare locale 


Pentru a realiza liste (meniuri) cu opțiuni multiple, putem recurge la elementul 
<select>. În cadrul acestui marcator se inserează elemente <option> care 
definesc opţiunile meniului derulant. Trebuie să fie specificat un atribut name 
identificând în mod unic întregul meniu definit de un <select>. 

În cadrul unui tag <select> putem stabili, de asemenea, prin atributul size 
numărul opţiunilor din meniu care vor fi afişate la un moment dat. Atributul 
multiple va specifica dreptul utilizatorilor de a selecta mai mult de o opţiune (mai 
multe opţiuni se pot selecta făcând click simultan cu apăsarea tastei Ctrl selecţia mai 
multor opţiuni adiacente putându-se realiza folosind tasta Shift în locul lui Ctr)). 
Dacă există o valoare prestabilită, trebuie să adăugăm atributul selected (opţiune 
selectată implicit) la un marcaj <option>. În cadrul unui tag <option> mai poate 
apărea şi atributul disabled indicând faptul că acea opţiune este inhibată în acel 
moment. 


Un exemplu: 
<form name=" formular" > 
<p>Protocoale 
<select name="protocoale" size="1"> 
<option value="" selected>-- nimic? --</option> 
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<option value= "HTTP" >HTTP< /opt ion> 
<option value="FTP">FTP< /option> 
<option value="NNTP">NNTP</option> 
<option value="SMTP">SMTP< /option> 
</select> 
</form> 
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Utilizarea efectivă a elementelor <select> şi <option> 


Elementul <textarea> permi i i i 
mite construirea u inii 
E a alia P ; nei casete de editare pe linii 
ple, are utilizatorul poate introduce o cantitate mai mare de text (de 
exemplu, poate trimite un mesaj prin poşta electronică). Ca şi <select> 
. . . ? 
marcatorul <textarea> poate fi identificat în mod unic prin intermediul 
atributului name. Este posibilă definirea dimensiunii unei astfel de casete cu ajutorul 
atributelor rows (linii) şi cols (coloane) care specifică numărul de linii din cadrul 
casetei şi, respectiv, lungimea liniilor. l 
<form name="pareri"> 
<textarea name="scrisoare" rows="3" cols="40"> 
Trimiteţi-ne părerile dumeavoastră.., 
</textarea> 
</form> 


îti A i ; 4 ; ; 
Tipurile de campuri prezentate mai sus pot fi folosite combinat pentru crearea de 

formulare electronice sofisticate, utilizate îndeosebi în cadrul siturilor de come 

electronic. i 
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 Alcoot Sanitar x3007mi 105.853 iei 


Exemplu de formular complex 


La finalul acestei secţiuni vom da un exemplu complet. Definim următorul 
formular care poate fi inclus într-o pagină Web personală, astfel încât posibilii 
vizitatori să îşi poată transmite prin intermediul lui impresiile despre aceasta, 

Fişierul care va prelucra valorile câmpurilor formularului se numeşte 


adauga_impresii .cgi: 


<html> 
<head> 
<title>Impresii</title> 
</head> 
<body text="blue" bgcolor="white"> 
<form action="adauga_impresii.cgi" method=" POST"> 
<!-- folosim un tablou pentru a încadra corect 
câmpurile formularului --> 
<table align="center" cellpadâing="4"> 
<tr> 
<tâ> 
<p>Numele şi prenumele:</p> 
</tâ> 
<td> 
<input type="text" name="nume"> 
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</td> 
</tr> 
<tr> 
<td> 
<p>Ocupaţia:</p> 
</td> 
<td> 
<select name="ocupația" size="1"> 
<option selected>Student</option> 
<option>Elev</option> 
<option>Cadru didactic</option> 
<option>Altceva</option> 
</select> 
</td> 
</tr> 
<tr> 
<td> 
<p>Vârsta:</p> 
</td> : 
<td> 
<p> 
<input type="radio" value="sub 18" 
l name="virsta">sub 18 | 
<input type="radio" value="18-25» 


name="virsta" checked>18-25 | 


<input type="radio" value="25-35" 
name="virsta">25-35 | 

<input type="radio" value="35-60" 
name="virsta">35-60 | 


<input type="radio" value="peste 60" 


name="virsta">peste 60 
</td> 
</tr> 
<tr> 
<td> 
<p>Adresa e-mail:</p> 
</td> 
<td> 
<input type="text" name="email"> 
</td> 
</tr> 
<tr> 
<td> 
<p>Impresiile G-voastră:</p> 
</td> 
<td> 
<textarea name="impresii" 
rows="3" cols="40"></textarea> 
</td> 
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</tr> 
<tr> 
<td> 
<input type="submit" value="Trimite"> 
</tâ> 
<tâ> è 
<input type="reset" value="Şterge"> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


Ocupația: 


Vårsta: 
Cadru didactic 


Adresa e-mail: Altceva 


Se pare ca trebuie sa mai revin. 


Impresiile d-voastră: 


O posibilă completare a formularului 


Utilizarea cadrelor 


În mod obişnuit, utilizatorul vede pe ecran un document HTML încărcat în 
fereastra asignată de navigator acelui document. Pentru a spori atractivitatea 
paginilor Web sau pentru a organiza mai eficient informațiile din cadrul 
documentelor, unii autori de pagini Web recurg la tehnica „subferestrelor”, divizând 
fereastra navigatorului într-un set de secţiuni (cadre). Fiecare astfel de „subfereastră” 
poate încărca documente HTML, în manieră independentă, astfel încât simultan în 
aceeaşi fereastră a navigatorului se pot vizualiza mai multe pagini WWW. Vom 
numi un asemenea fragment de fereastră cadru (frame). 

Documentele care folosesc cadre vor aparţine DID-ului frameset definit de 
specificaţia HTML 4.01. 

Definirea unei structuri de cadre este relativ simplă, similară, într-un anume sens, 
specificării unui tabel. Pentru aceasta, în locul elementului <body> se va specifica 
marcatorul <frameset>. Acest element va include mulţimea de cadre conţinând 
documentele HTML care vor fi afişate de navigator. 
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Astfel, structura generală a unei pagini incluzând cadre va fi următoarea (se 
substituie elementul <body> cu <frameset>): 
<html> 
<head> 
</head> 
<frameset> 


</Eframeset> 
</html> 


Elementul <frameset> poate conține, la rândul lui, alte apariţii de tipul 
<frameset>. 

Pentru a defini o structură de cadre va trebui stabilit un număr de linii/coloane, 
iar pentru fiecare linie sau coloană va trebui specificat un conţinut (o resursă Web 
desemnată de un URI) ori o altă mulţime de cadre (un nou <frameset>). 

Marcatorul <frameset> poate conţine atributele rows sau cols care definesc 
lista de rânduri şi, respectiv, coloane care vor apărea în cadrul ferestrei. Această listă 
va preciza spaţiile ocupate de fiecare dintre rândurile/coloanele specificate, într-o 
manieră absolută (în pixeli) sau procentuală. Caracterul „*” poate fi utilizat pentru a 
indica navigatorului să calculeze spaţiul rămas disponibil în cadrul unei structuri de 
cadre, 

De exemplu, cols="333, 10%, *, 3%" va produce un set de patru coloane: 
prima va ocupa 333 de pixeli, a doua va ocupa 10% din lăţimea totală a ferestrei 
navigatorului, iar următoarelor două coloane li se va atribui spaţiul rămas disponibil, 
respectând raportul 1/3. 

Un alt exemplu - prin care se va genera un aranjament de 2x3 cadre, fiecare 
cadru putând conţine un document arbitrar — este următorul: 


<frameset rows="33$3,xu cols="33%,34%,33%"> 


e. 


</frameset> 


Alocarea de spaţiu prin rows sau cols pentru fiecare element al structurii de 
cadre va fi valabilă de cele mai multe ori numai pentru afişarea iniţială a cadrelor, 
utilizatorul putând ulterior modifica acest aranjament, 

Conţinutul iniţial al unui cadru va fi desemnat prin intermediul marcatorului 
<frame>, ale cărui atribute importante sunt: 


e src -indică URL-ul documentului care va fi încărcat în acel cadru; 

è name - specifică numele cadrului (nume care va putea fi folosit ulterior ca 
ţintă a unei ancore, într-o construcţie de tipul 
<a href="..." target="nume cadru" >); 

e noresize - inhibă posibilitatea alterării dimensiunilor unui cadru; 

e scrolling - defineşte modalitatea de scroll (derulare) a conţinutului unui 
cadru, putând lua valorile auto, yes sau no (drept implicită va fi considerată 
valoarea auto); 
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e frameborder - specifică apariţia chenarului din jurul unui cadru (valorile 


legale sunt O sau 1); Ap | 
e marginwidth şi marginheight - denotă spaţierile pe orizontală şi, 
respectiv, verticală dintre conţinutul unui cadru şi marginea lui. 


e ROSYCS 
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| new RI gS 


Address: Faculty of Computer Science 
University "A. I. Cuza" Iasi 
16, Gen. Berthelot St. 
6600 - Iasi 
Romania 
Phone: (+0) 32.216 560 (Secretariat, The Dean) 
Fax: (+40) 32.213 330 (Office of Intemational Relat 


Back to the University's "A, I. Cuza" page. 


You are the 1766th person that visited this page 


Last modified: 25.04.1997 


Vechiul sit al Facultăţii de Informatică din Iaşi (1997) construit cu ajutorul cadrelor 


Un exemplu de manual electronic, folosind cadre: 


<html> 
<head> 
<title>Manual</title> 
</head> 
<frameset rows="20%,*,2*"> 
<frameset cols="*,200"> 
<frame src="cuprins.html" name="cuprins"> 
<frame src="coperta.jpg" 
scrolling="no" noresize 
marginwidth="0" marginheight="0"> 
</frameset> 
<frame src="legaturi.html"”" frameborder="0"> 
<frame src="prefata.html" frameborder="0" 
name="afisare" > 
</frameset> 
</html> 
Pentru a defini cadrul-ţintă de încărcare a unui document se va folosi atributul 
target=URI care poate să apară în elemente precum <a> şi <form>. Astfel, 
conţinutul unui cadru se va putea schimba, deşi structura generală a cadrelor de pe 


ecran va rămâne aceeaşi. 
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De exemplu, toate legăturile spre capitole, precizate în documentul 
cuprins.html, vor putea avea forma <a href="..." target="afisare"> (a 
se vedea cele descrise mai sus). 

Pentru atributul target există câteva valori predefinite: 


„blank va determina navigatorul să încarce resursa specificată într-o nouă 
fereastră (instanţă) a acestuia; 
e _self indică navigatorului să încarce resursa în cadrul curent; 
e _parent denotă părintele imediat al cadrului actual (dacă frame-ul nu are 

părinte, este echivalent cu _se1f); 

A pd . . 

e _top va conduce la încărcarea resursei în fereastra originală, anulând orice 
structură de cadre (va avea acelaşi efect ca şi _se1£, în cazul în care cadrul nu 
are nici un <frameset> părinte). 


Anumite navigatoare (cele text sau unele mai vechi) nu au suport pentru afişarea 
cadrelor, pentru prevederea acestui caz putându-se furniza un conţinut alternativ 
prin intermediul construcţiei <noframes>. . .</noframes>: 


<html> 
<head> 
<title>Pagina mea</title> 
</head> 
<frameset cols="133,*"> 
<frame src="menu.html" name="menu" noresize> 
<frame src="salut.html" name="afisare"> 
<noframes> 
<p>Acest navigator nu suportă cadre!</p> 
<p>Versiunea fără cadre 
este <a href="menu.html">aici</a>.</p> 
</noframes> 
</frameset> 
</html> 


A 

În anumite situaţii este de dorit să se insereze un cadru în interiorul unui 
document HTML, fără a se defini o structură de cadre. Acest deziderat este 
indeplinit de cadrele interne. Un cadru intern nu-şi va putea modifica dimensiunile şi 
va fi inclus prin marcatorul <iframe>. Avem astfel posibilitatea de a încorpora 
într-o pagină Web alt document HTML sau oricare altă resursă dorită. 

Atributele asociate elemenului <iframe> şi, de asemenea, valorile acestor 
atribute sunt identice celor de la <frame>, exceptând noresize care nu mai poate 
fi utilizat. Apar, în plus, atributele width specificând lăţimea şi height 
semnificând înălțimea unui astfel de cadru. 

Un exemplu de utilizare este următorul: 


<html> 
<head> 
<title>Cadre interne</title> 
</head> 
<body bgcolor="tCCCCCC" text=*black"> 
<h2 align="center">Design Web (glosar)</h2> 
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a 


<iframe src="web-glosar.html" 
wiâth="500"* height="300" 
frameborder="0" align="center"> 

Navigatorul nu suportă cadre interne... 

</iframe> 

<hr size="1"> 

< /boây> 

</html> 


cilek to buy «55 z E | 
-the fastest browser on ea 


Pinzi de păianjen, mulțime de noduri interconectate prin legături, 
respectând teoria hipertextului. De obicei desemnează mulțimea 
tuturor nodurilor interconectate din lume. Denumită și WWW (World 
Wide Web), în continuă dezvoltare și înglobând noi tehnologi. 
Regiementănie privitoare la Web sunt redactate și propuse spre. 
implementare de Consoriiul Web, organizaţie internaţională compusă ` 
din instituții academice, companii comerciale și persoane particulare. : 


WSDL 


Standard pentru descrierea în format XML a serviciilor Web şi a . 
mesajelor pe care acesta le înțelege. Servește drept convenție 
universală a descrierii funcționalități (semanticii) unui serviciu Web 


Pagina Web incluzând un cadru intern 


Actualmente, cadrele tind a fi înlocuite de tabele, motivele fiind legate de 
ocuparea de resurse şi de timpul de încărcare a tuturor resurselor corespunzătoare 
fiecărui cadru. De reţinut şi faptul că nu toate navigatoarele (mai ales cele mai vechi) 
suportă cadre interne. Frame-urile pot fi frustrante pentru unii utilizatori ai Web-ului 


(în special novicii). 


4.1.4 De la HTML la XHTML 


Ne reamintim faptul că HTML provine din meta-limbajul SGML. Între timp, 
constatându-se că SGML este greoi de folosit pentru Web, s-a standardizat un 
meta-limbaj mai simplu, dar păstrând flexibilitatea părintelui său SGML. Acest 
meta-limbaj este XML (Extensible Markup Language), capabil, ca şi SGML, să 
definească noi limbaje de marcare. În ultima perioadă, XML este văzut ca soluţie 
universală pentru codificarea oricăror tipuri de informaţii vehiculate între diverse 
aplicaţii Web sau destinate Web-ului. 
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Pentru a aduce „bătrânul” HTML în actualitate, la Consorţiul Web s-a pus 


problema specificării unui limbaj compatibil cu HTML, dar bazat e XML 
XHTML este astfel numele de cod al HTML reformulat ; licaţie XM e 
curentă a acestuia fiind XHTML 1.1. iii aici aia 


Caracteristicile şi prevederile principale ale limbajului XHTML sunt 
următoarele; 


e caşi la HTML, elementul rădăcină al unui document XHTML va fi <htm1>; 
fiind bazat pe XML, XHTML este case-sensitive, numele de marcatori și 
atribute trebuind fi scrise cu minuscule (astfel, <TABLE Align="Center"> 
construcţie corectă în HTML, va trebui modificată în <table 
align="center">), Dacă navigatorul nu recunoaşte un element, atunci va 
prelucra conţinutul lui aflat între tag-urile de început şi de sfârşit. Un atribut 
nerecunoscut va fi, de asemenea, ignorat, iar o valoare invalidă a unui atribut 
va fi substituită cu valoarea implicită a acestuia; 

° elementele nevide trebuie, obligatoriu, să aibă tag-uri de sfârşit. Astfel 
paragrafele marcate prin intermediul lui <p> vor avea specificat şi tag-ul de 
sfârşit </p>. Elementele declarate ca având conţinut vid, precum <hr> 
<br>, <input>, <option> sau <img>, fie vor fi urmate de tag-ul de sfârșit, 
fie vor fi scrise în forma specială <element /> (eg: <br /> ori <img />). 
Însă este interzis să scriem <li /> din moment ce acest element nu este 
declarat ca fiind vid (vom utiliza <li>.. .</ li>); 

e tagurile de început şi de sfârşit trebuie imbricate corect. Construcţii precum 
<p><b><i>XHTML< /b></p></î> sunt considerate eronate: 

* valorile atributelor (chiar şi cele numerice) vor trebui incluse între ghilimele. 
Construcţiile ca <hr width=300 align=right> sunt considerate greşite; 

° anumite atribute puteau fi scrise în HTML fără a li se asocia valori EA 
-numitele atribute booleene), że. noshade, readonly, noresize, compact 
sau checked. În XHTML, un astfel de atribut va trebuie obligatoriu urmat 
de valoarea sa, ca în exemplificările de mai jos: 


<input type="text" readonly=" readonly" name="adresa" /> 
<hr noshade="noshade" width="300" /> 


e de asemenea, XHTML impune următoarele restricții: 
- elementul title trebuie să apară imediat după elementul head; 
- elementele a, form, label nu pot include alte elemente a, £ Geri label; 
- elementul pre nu poate conţine elementele: img, obj ect, bis, smali 
sub şi sup; 
- button nu poate să includă elementele input, select, textarea 
label, button, form, fieldset, iframe ori isinâex. 


Pentru a verifica dacă paginile Web sunt valide conform specificaţiilor XHTML 
putem folosi serviciul Validator pus la dispoziţie de Consorţiul Web sau aplicaţia 
gratuită Tidy ii a pi Dave Raggett. Acest program este disponibil de sine 
statator pe mai multe platforme (e.g.: Windows, Linux/Unix) sau î î 
aplicații (de exemplu, UltraEdit include Tidy). dili iu 
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În cele ce urmează vom valida o pagină Web folosind utilitarul Tidy în varianta 


RPM pentru Linux. Documentul HTML pe care Încercăm să-l testăm este: 


<!DOCTYPE html PUBLIC "-//WN3C//DTD XHTML 1.0 
Transitional//EN" 

"http: //www.wW3.0rg/TR/xhtmll /DTD/transitional .âtâ"> 
<html xmins="http://www.w3.org/TR/xhtmll/transitional "> 
<head><title>Test</title></head> 
<boây bgcolor=white text=blue> 
<p>Document <i>XHTML< /p></i>, 
<hr width=50% size=3> 
</body> 
</html> 


Rulând Tidy vom obține: 
infoiasi)$ tidy test.html >test-tidy.html 


Tidy (vers áth August 2000) Parsing "test.html" 
line 6 column 35 - Warning: missing </i> before </p> 
line 6 colum 39 - Warning: discarding unexpected </i> 


test.html: Doctype given is "-//W3C//DID XHTML 1.0 
Transitional//EN" 

test.html: Document content looks like XHTML 1.0 
Transitional | 

2 warnings/errors were found! 


HTML & CSS specifications are available from 
http://www.w3.0org/ 

To learn more about Tidy see 
http://www.w3.org/People/Raggett/tidy/ 

Please send bug reports to Dave Raggett care of <html- 
tidy@w3.org> 

Lobby your company to join W3C, see 

http: //wuw .w3 .org/Consortium/ 


Fişierul XHTML rezultat este test-tidy.html al cărui conţinut urmează: 


<i DOCTYPE html PUBLIC *-//N3C//DTD XHTML 1.0 
Transitional //EN* 


"http://www.w3.org/TR/xhtml11/DTD/transitional.dtd"> 


<html xmins="http://www.w3.org/TR/xhtml1/transitional"> 


<head> 

<meta name="generator" content="HTML Tidy, see www.w3.org" /> 
<title>Test</title> 

< /heaâ> 


<body bgcolor="white" text="blue"> 
<p>Document <i>XHTML</i></p>. 


<hr width="50$" size="3" /> 
</body> 
</html> 
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Se pot utiliza, drept validatoare, şi navigatoarele Web actuale (e.g.: Netscape 6, 
Mozilla 1, Opera 5 sau 6, Internet Explorer 5.5 sau o versiune ulterioară), schimbând 
extensia fişierului din .html în .xml şi inserând la începutul documentului 
construcţia <?xml version="1.0"?>. Astfel, pagina va fi considerată de 
analizorul inclus în navigator ca fiind document XML, raportându-se erorile 
sintactice în cazul în care codul nu este conform specificaţiilor, 


XML Parsing Error: not well-formed.... 


Line Number 3, Column 13: 


<table width=600 align=center> 


SĂ CaATerptsmiiahtal xml - Internet Explorer” 


| The XML page cannot be displayed 


` 
Cannot view XML input using XSL style sheet, Please correct the error 
and then click the Refresh button, or try again later. 


A string literal was expected, but no opening quote character 
was found. Line 3, Position 14 


* 
<table vidth=600 align=center> 
ee 


Folosirea navigatoarelor Netscape și Internet Explorer 
pentru validarea documentelor XHTML 


4.2 Foi de stiluri în cascadă 


Foile de stiluri în cascadă (CSS - Cascading Style Sheets) reprezintă un set de 
proprietăți care definesc modul de apariție a construcțiilor HTML în cadrul unui 


navigator Web. Consorţiul Web a conceput şi standardizat două niveluri ale foilor 
de stiluri: 


e CSS1 (Cascading Style Sheets - level 1) oferă un mecanism simplu care permite 
autorilor şi utilizatorilor de pagini Web să ataşeze acestora stiluri (de exemplu, 
proprietăţi privind culorile, corpurile de literă şi spaţierile). 

Limbajul CSS1 este uşor de înţeles şi de folosit de către designerii Web şi 
exprimă stilurile conform terminologiei editării computerizate (desktop 
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publishing). CSS1 este recomandare oficială a Consorţiului WWW din anul 
1996 şi are suport parţial în navigatoarele (mai vechi) Internet Explorer 3 şi 
Netscape Navigator 4; PE f | 

e CSS2 (Cascading Style Sheets - level 2) reprezintă o generalizare (extensie) a 
primului nivel de foi de stiluri, aducând în plus facilităţi de moştenire a stilurilor, 
efecte vizuale, poziționări şi paginări, integrarea mai multor tipuri de media 
(audio, tipar, ecran, TV etc.). CSS2 a fost standardizat în 1998, marea majoritate 
a proprietăţilor fiind implementate în cadrul navigatoarelor recente. 


În prezent, există o serie de propuneri de redactare a specificaţiilor pentru 
următorul nivel - CSS3. E Ş | 

Proprietăţile de stil CSS oferă soluţia a cel puţin două probleme cu care se 
confruntă creatorii de documente HTML: 


e eliminarea redundanţei stilurilor introduse în paginile Web prin intermediul 
unor marcatori precum <font> (de exemplu, pentru a scrie într-un 
document zece titluri de tip <h3> cu culoare albastră şi italic, trebuia să 
folosim de zece ori tag-urile <font> şi <i>, pentru fiecare titlu în parte); , 

e îmbogățirea în termeni de design a paginilor Web (limbajul HTML nu oferă 
decât metode limitate, rudimentare de afişare a informaţiilor, fără a face o 
distincţie clară între formă şi conţinut; paginile rămân aceleaşi, având aceeaşi 
extensie „html, se modifică doar maniera de afişare). 


4.2.1 Aspecte de bază 
Modelul de formatare CSS 


În CSS, formatarea se realizează prin intermediul unui model orientat boxă, în care 
fiecărui element îi corespunde o zonă (boxă) dreptunghiulară sau mai multe (cu 
excepţia elementelor care au proprietatea display setată cu valoarea „none”). Fiecare 
boxă este constituită dintr-un conţinut înconjurat de următoarele zone opţionale: de 
protecţie (padding area), de chenar (border area), de margine (margin area). 

Există două tipuri de elemente: 


e elemente la nivel de bloc (block-level) - toate elementele care în mod implicit 
au proprietatea display setată pe block sau list-item (element de listă) 
şi elementele flotante (pentru care float are o valoare diferită de none); 

e elemente inline — acele elemente a căror formatare nu se realizează la nivel de 
bloc (de exemplu, elementele <b>, <i> sau <sub> din HTML sunt elemente 
inline), având pentru display valoarea inline. 


Astfel, elementele având proprietatea display setată pe block deschid o nouă 
boxă de afişare, aceasta fiind poziționată relativ la boxele adiacente conform 
modelului de formatare CSS. Exemple tipice de elemente de acest gen sunt <div>, 
<p> sau <h3>. Elementele având display setat cu valoarea list-item sunt 
similare celor anterioare, exceptând faptul că este adăugat un marcaj de element de 
listă (e.g: un bullet sau un număr, în funcţie de tipul de listă). În HTML un astfel de 


element este <li>. 


at 
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Modelul de formatare orientat boxă 


Elementele cu display stabilit ca fiind inline vor fi incluse într-o boxă de 
afişare de tip inline, aflată pe aceeaşi linie cu conţinutul precedent din document. 
Boxa va fi dimensionată potrivit mărimii conţinutului formatat al boxei. Dacă 
elementul conţine text, acesta poate să apară pe mai multe rânduri şi va produce câte 
o boxă de afişare pe fiecare rând în parte. Proprietăţile referitoare la margine sau 
chenar se aplică elementelor inline, dar nu au efect la ruperea liniilor. 

În cazul elementelor cu display având valoarea none, afişarea lor va fi anulată 
de către navigator (inclusiv afişarea elementelor copii şi a boxei înconjurătoare). 


Modalităţi de folosire a stilurilor 


Vom descrie în continuare proprietăţile de stil uzuale stipulate de specificaţiile CSS. 
Intr-un document HTML putem utiliza mai multe foi de stil, fiecare având un 
anumit nivel de importanţă. Stilurile sunt în fapt proprietăţi care se pot folosi prin: 


e Definirea în antetul documentului. Stilurile se pot declara cu ajutorul 
elementului <style> în interiorul căruia se amplasează selectorii (elementele 
HTML asupra cărora se definesc stilurile) urmaţi de definițiile de stil (având 
forma proprietate: valoare): 


<html> 
<head> 
` <title>Foi de stil</title> 
<style type="text/css"> 
h3 { 
font-family: Arial; 
font-style: italic; 
color: blue; 
} 
</style> 
</head> 
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<body> 
<h3>Este albastru, italic şi Arial.</h3> 
<p> 
<h3>Şi acesta este la fe1...</h3> 
< /boây> 
</html> 


Aceste definiţii de stil vor fi plasate întotdeauna în antetul unei pagini Web, 

atributul type="text/css" fiind obligatoriu (prin el se indică faptul că este 

vorba de o foaie de stiluri CSS). 

Putem aşadar observa că forma generală a specificării unui stil este (spaţiile 

albe sunt ignorate, iar comentariile se includ între caracterele „/ *” şi „* /”): 
selector { /* comentarii */ 


proprietatel: valoarel; 
proprietate2: valoare; 


Se recomandă ca toate construcţiile CSS să fie inserate între <!-- şi --> (să 
fie declarate drept comentarii HTML) pentru a ascunde proprietățile de stil în 
cazul folosirii unor navigatoare vechi incapabile să proceseze marcatorul 
<style>. Astfel, vom scrie: 


<style type="text/css"><!-- 


selector { 
/* proprietăți CSS... */ 
} 
--></style> 
o Inserarea în cadrul unui marcator (in-line). Putem defini anumite stiluri pentru 
un tag particular folosind atributul style: 
<html> 
<head></head> 
<body> 
<h3 style=" font-family: Arial; 
font-style: italic; color: blue"> 
Un titlu albastru, italic şi Arial...</h2> 
<hr /> 
<h3>Pe când acesta nu este!</h3> 
</body> 
</html>. 
În cele mai multe dintre cazuri aceasta este metoda de a modifica stilurile 
definite global. i 
e Legătura cu un fişier extern. În acest caz, toate stilurile se definesc în exteriorul 
documentului HTML, într-un fişier text, având extensia „css, care va fi 
inclus în pagina Web prin intermediul elementului <1ink>. Putem utiliza 
astfel un anumit fişier .css pentru mai multe pagini sau chiar pentru un 
întreg sit Web, definind astfel stilurile o singură dată. Desigur, în cadrul unui 
document HTML putem avea legături către mai multe fişiere .css. 


144 Proiectarea siturilor Web 


<html> 
<head> 
<link rel="stylesheet" type="text/css" 
href="foaie.css" 
title="foaie de stiluri" /> 
</head> 
<body> 
<h3>Un titlu albastru, italic şi Arial...</h3> 
<p>Un paragraf</p> 
<h3>Altul, la fel.</h3> 
</bođy> 
</html> 


Fişierul foaie .css va conține următoarele: 


h3 { font-family: Arial; font-style: italic; color: blue } 
p { text-indent: 10px; color: red } 


Combinarea proprietăților de stil 


Metodele de utilizare a stilurilor - descrise mai sus - se folosesc de obicei într-o 
manieră combinată. Dacă două foi definesc stiluri pentru acelaşi element, cea mai 
recentă (apropiată) definiţie va avea prioritate, 

O proprietate poate avea mai multe valori alternative: 


h3 { font-family: Arial, Helvetica, sans-serif ) 


Se recomandă ca ultima alternativă să fie cât mai generală (în acest caz, familia de 

a a be Dacă navigatorul nu gi iai o potrivire, se vor considera 
Putem imbrica elementele în cadrul unui selector pentru a crea stiluri particulare: 
p i ( color: blue ] 


Textul se va colora în albastru doar dacă în interiorul tag-ului <p> se va afla <i>: 

<p>Un paragraf care este albastru doar i 
<i>aici</i>...</p> 

<i>Acesta este italic şi atât! </i> 


De asemenea, selectorii pot fi grupaţi - pentru a reduce mărimea şi redundanţa 
unei foi de stil - separându-i prin virgule: 
h2, h3, a, tă { 
font-family: Arial; 
font-size: l6pt; 
color: blue; 
) 


Marcatori! <h2>, <h3>, <a> şi <td> vor avea acelaşi stil de formatare. Dacă se 


doreşte a se adăuga unui tag particular o nouă modalitate de formatare, se poate scrie 
încă o definiţie de stil: 


h2 { font-style: italic ) 


Numai textul corespunzător elementului <h2> va fi italic, 
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Clase şi identificatori 


Orice element HTML poate fi selector, dar uneori dorim să utilizăm definițiile de 
stiluri într-o manieră mai generală. 

Acest lucru se poate realiza prin definirea unei clase sau a unui identificator, 
definiţia putând fi ataşată ulterior oricărui tag dorit, 

Definirea unei clase se realizează asociind unei mulţimi de proprietăţi CSS un 
nume precedat de punct: 

„intens { font-weight: bolder; color: darkred ) 


Clasa astfel definită poate fi oricând utilizată în următorul mod: 

<p class="intens">Un paragraf intensificat.</p> 

<h3 class="intens">Şşi un titlu... ,</h3> 

Identificatorul se foloseşte similar, dar este precedat de caracterul „#” în loc de 
punct: 

intens { font-weight: bolder; color: darkred ) 


Un exemplu: 
<p id="intens">Un paragraf intensificat.</p> 


După cum se observă, pentru a aplica unui marcator proprietăţile de stil cuprinse 
în definiţia unui identificator, va trebui să-i dăm atributului id ca valoare numele 
identificatorului. Diferenţa dintre clase şi identificatori provine din faptul că fiecare 
element HTML poate avea un singur identificator (cu nume unic). 


Pseudo-clase şi pseudo-elemente 


Pseudo-clasele sunt clase asociate unui. tag particular fără a fi referite în cadrul 
codului sursă HTML, de cele mai multe ori fiind „inserate” de navigatoare în 
anumite condiţii. 

Acesta este cazul pseudo-claselor asociate elementului <a>, navigatoarele 
diferenţiind în mod automat legăturile vizitate de cele nevizitate, fără a fi necesară 

. . A 

nici o precizare în codul HTML: 

a:link ( color: red } /* legătură nevizitată */ 

a:visited { color: blue ) /* legătură vizitată */ 

a:active { color: yellow ) /* legătură activă */ 

Cele trei linii CSS de mai sus sunt echivalente cu construcţia HTML: 

<body link="red" vlink="blue* alink="yellow'> 

Pseudo-clasele pot fi utilizate şi în selectori contextuali: 

a:link img { border: solid; color: green ) 


De asemenea, se prevede că în conjuncţie cu elementul <a> poate fi folosită şi 
pseudo-clasa :hover pentru a modifica proprietăţile de stil la plasarea cursorului 
mouse-ului peste conţinutul desemnând o ancoră. Un exemplu, credem concludent: 

a:hover { 

text-decoration: underline overline; 
color: #33CCFF; 
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Ca şi pseudo-clasele, pseudo-elementele definesc proprietăţi de stil asociate cu un 
tag particular care nu vor fi referite în manieră explicită în codul-sursă HTML. Spre 
deosebire de acestea însă, pseudo-elementele vor fi active în orice condiţii, acţionând 
doar asupra unei părţi precizate din conţinutul marcatorului asociat. 

Drept pseudo-elemente se pot menţiona: first-line (aplicabil doar la prima 
linie a unui paragraf sau diviziuni) şi first-letter (prima literă a unui paragraf 
sau diviziuni), cu ajutorul acestora putându-se defini efecte similare celor 
tipografice: 

/* indentare */ 

p:first-line { text-indent: 5% } 

/* generare letrină */ 

p:first-letter { font-size: 200%; float: left } 


Stiluri în cascadă 


Vizualizarea unei pagini Web (pe ecran, pe hârtie ori pe alte medii) poate fi 
influențată simultan de mai multe stiluri. Motivarea acestei situații este dată de 
următorii factori: 


e modularitatea - un proiectant Web poate utiliza mai multe definiţii de stiluri 
simultan prin indicarea explicită sau implicită a fişierelor CSS dorite; 

e balanța autor/cititor — atât autorul unei pagini Web, cât şi cititorul ei pot 
influenţa prezentarea informaţiei incluse în pagina respectivă, navigatoarele 
actuale permiţând folosirea de către cititor a unor stiluri personale. 


Conflictele care pot să apară se rezolvă prin intermediul unor priorităţi ataşate 
stilurilor. Implicit, ponderile cititorului sunt mai mici decât ponderile regulilor 
stabilite de autor. Atât ponderile autorului, cât şi ponderile cititorului sunt 
prioritare faţă de cele implicite, ale navigatorului. 

Stilurile importate se află în cascadă cu celelalte stiluri importate, în ordinea 
importanţei acestora. Orice regulă explicită, dată în interiorul documentului, are 
pondere mai mare decât regulile aflate în stilurile importate (acest criteriu se aplică şi 
recursiv, dacă este cazul). 

O regulă de stil îşi poate mări ponderea (poate deveni deci mai importantă decât 
alta) dacă este însoţită de declaraţia ! important. Iată un exemplu: 


h2 { font-size:14pt!important; color: green ) 


O regulă stabilită de cititor şi declarată ! important va fi prioritară unei reguli 
cu pondere normală, specificată de autor. Între două reguli definite ! important are 
prioritate cea dată de autorul foii de stiluri. 


Tipuri şi unităţi de măsură 


Valorile proprietăţilor CSS pot fi numere întregi, numere reale sau şiruri de caractere. 
Valorile întregi şi cele reale pot fi precedate de „+” sau „-” pentru a li se indica 
semnul. Numerele reale pot fi specificate numai în forma zecimală obişnuită N.N. 

Pentru precizarea dimensiunilor - orizontale sau verticale -, se vor folosi numere 
întregi, eventual indicându-li-se şi semnul, în manieră absolută sau relativă, 
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Unităţile de măsură relative sunt: 


e em- se utilizează în cadrul proprietăţii font-size şi reprezintă lăţimea 
literei „M” relativă la corpul de literă folosit; 

è ex- reprezintă înălţimea literei „x” relativă la corpul de literă utilizat; 

* px - desemnează pixeli şi se calculează relativ a dispozitivul de vizualizare a 
conţinutului (ecran, imprimantă etc.). 


Lista unităţilor de măsură absolute este următoarea: 


cm — reprezintă centimetrii; 

mm - desemnează milimetrii; 

in - măsoară dimensiunile în inci (țoli) - 1 inci este egal cu 2,78 centimetri; 
pt ~ indică puncte tipografice, fiind utilizată uzual pentru mărimea fonturilor - 
1 pt este egal cu 1/72 dintr-un inci; 

* pc — reprezintă o altă unitate de măsură folosită din tipografie şi anume pica, 
1 pica fiind egală cu 12 puncte tipografice. 


e © € o 


Câteva exemple: 


pi 
margin-left: 0.5cm; 
margin-right: 0.5cm; 
line-height: 1.2em; 
text-indent: lex; 
font-size: 12pt; 

) 


Pentru unele proprietăţi, valorile acestora pot fi date şi în forma procentuală N$, 
eventual cu semn. Procentajele sunt întotdeauna relative la alte valori, de exemplu 
mărimea fontului sau lăţimea altui element. 


3 


div ( font-size: i2pt ) 
div { line-height: 130% } /* 130% din "font-size! */ 
Pentru specificarea URL-urilor se va folosi o construcţie de forma url (adresă): 
h3 { /* un URL absolut */ 
backgrounâ-image: 


url (http://www. infoiasi.ro/fcs/fcs.jpg); 
} 
h4 { /* un URL relativ */ 
background-image: url{../funđal.gif); 
) 


fag . . . > A . DN 
În ceea ce priveşte valorile care desemnează culori, există mai multe modalităţi de 
specificare a acestora: 


* #RRGGBB - similară celei acceptate de HTML; 

* rgb(r, g, b) -componentele r, g şi b pot fi întregi sau valori procentuale, 
corespunzătoare celor trei culori de bază: roşu, verde şi albastru; 

e nume_culoare -~ reprezintă numele simbolic al uneia dintre cele 16 culori de 
bază. 
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De exemplu, pentru a stabili ca textul unui paragraf să fie scris cu verde vom 
putea utiliza una dintre următoarele construcţii echivalente: 


color: #00FF00; 
color: rgb(0, 255, 0); 
color: rgb(0$%, 100%, 0%); 
color: green; 
) 
Şirurile de caractere vor fi delimitate de ghilimele. Dacă în cadrul unui şir va 
trebui să apară simbolul pentru ghilimele, atunci se va folosi construcţia N”, 


4.2.2 Proprietăți CSS1 uzuale 


Am văzut mai sus că foile de stil influenţează modul de prezentare al documentelor 
prin asignarea de valori unor proprietăți de stil. Există mai multe categorii de 
proprietăţi CSS dintre care menţionăm: 


1. Proprietăţi ale corpurilor de literă (fonturilor) 

e font-family defineşte care set de corpuri de literă va fi utilizat. Sunt 
definite următoarele familii generice care pot fi specificate în lista de valori 
a acestei proprietăţi: serif (e.g: Times), sans-serif (e.g: Helvetica), cursive 
(eg: Chancery), fantasy (e.g: Western), monospace (e.g: Courier). Din 
cauza taxonomiei diferite a fonturilor, se încurajează folosirea familiilor 
generice (de exemplu, fontul Arial din Windows nu se regăseşte sub acelaşi 
nume pe platformele Unix). 


font-family: Arial, Helvetica, sans-serif; 
Construcţia HTML similară acestui exemplu este: 
<font facez"Arial, Helvetica, sans-serifn"> 


Dacă numele fontului este compus din mai multe cuvinte, va fi indicat 
între ghilimele: 


h3 { font-family: "Arial Black", sans-serif; ) 


° font-style poate lua valorile: normal, italic sau oblique. 
° font-weight selectează grosimea corpului de literă (care variază de la 
100 la 900, dar se acceptă şi valori,ca normal, bold, lighter etc.). 
e font-size specifică mărimea fontului, dându-se în manieră absolută 
(small, medium, large etc. ori 10pt, 16px etc.) sau relativă (larger, smaller) 
ori în procente (50%, -25%), 
Un exemplu: 
p, Giv { 
font-size: 12pt; 
font-family: Verdana, Tahoma, Syntax, sans-serif; 
font-weight: 600; 
) 
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Proprietatea font-size are drept corespondent atributul size al 
elementului <font> în HTML. 


2. Proprietăţi de fundal şi culori. 
e color stabileşte culoarea de scriere - valorile sale putând fi specificate în 


limbajul natural, în format RGB sau în hexazecimal ca în limbajul HTML. 
Construcţia HTML cu efect analog proprietăţii color este <font 
color=" culoare">...</font>; 

background-color stabileşte culoarea fundalului (valori posibile: codul 
numeric sau numele culorii ori valoarea transparent). ' 

De menţionat faptul că modul de afişare a culorii de fundal depinde de 
navigator. De exemplu, dacă avem: 


<p style="background-color: lightblue">Web</p> 


<p> 


atunci la Netscape fundalul va fi colorat doar pe lățimea cuvântului, iar la 
Internet Explorer va fi colorată toată linia până la marginea din dreapta. 
Pentru a colora fundalul doar atât cât ocupă conţinutul textului (ca la 
Netscape), indiferent de navigator, se va folosi tag-ul <span>: 


<span style="background-color: lightblue">Web</span> 


</p> 


Pentru a colora întreaga linie pe care este afişat textul (ca la Internet 
Explorer), indiferent de navigatorul folosit, vom utiliza un tabel incluzând o 
singură celulă pentru care stabilim atributul wiâth="100%* (lăţime 
maximă): ba 


<table width="100$"> i 
<tr><td style="backgrounâ-color: lightblue"> 
<p>Web</p> - 
</td></tr> 
</table> 
è background-image stabileşte URL-ul imaginii care va fi proiectată pe 


fundalul acelui element: 


body { background-image: url(img.gif) ) 
p { background-image: none ) 


background-repeat specifică modul de repetare a imaginii de fundal: 


„doar pe axa Ox (repeat-x), pe axa Oy (repeat-y), pe ambele sau deloc 


(no-repeat); 

background-attachment stabileşte dacă imaginea de fundal va fi fixă 
sau va defila o dată cu conţinutul paginii. Valorile permise sunt fixed sau 
scroll; 

background-position determină poziţia pe verticală şi orizontală a 
imaginii de fundal (de exemplu: background-position: 70% 0% sau 
background-position: top center). De remarcat faptul că această 
proprietate poate cauza afişarea eronată a paginilor în unele versiuni de 
Netscape Navigator 4.x. l 
De exemplu: 


150 Proiectarea siturilor Web 


h2 4 
background-image: 
ur! (http://www.infoiasi.ro/bg.gif); 
background-repeat: no-repeat; 
background-position: center left; 
background-attachment: fixed; 
) 
3. Proprietăţi ale textului 
e letter-spacing defineşte spaţierea dintre litere (din păcate nu este 
suportată de toate navigatoarele, ie. Netscape 4.x}: 


blockquote { letter-spacing: 0.3em ) 


e word-spacing stabileşte spaţierea dintre cuvinte adiacente (nu este 
suportată de Netspace 4.x sau de Internet Explorer 3): 


p b { word-spacing: 0.5em } 


e text-decoration stabileşte modalitatea de a decora o porţiune de text 
şi poate lua valorile: none, underline, overline, line-through sau blink 
(valoarea blink nu este implementată de Internet Explorer): 

/* legăturile nu sunt subliniate */ 

a { text-decoration: none ) 

/* se va sublinia Goar când cursorul mouse-ului 
este aşezat deasupra legăturii */ 

a:hover { text-decoration: underline ) 

/* paragrafele vor fi supraliniate şi subliniate */ 

p { text-decoration: overline underline ) 


e vertical-align specifică modul de aliniere verticală, în funcţie de 
poziţia elementului-părinte sau relativ la linia formatată din care face parte. 
Valorile uzuale permise sunt baseline (aliniere implicită), sub (indice, 
similar elementului <sub>), super (exponent, ca şi marcatorul <sup> din 
HTML). Alinierea se realizează relativ la elementul-părinte. De asemenea, 
sunt permise şi valori numerice (procentuale sau nu). 

„indice ( vertical-align: sub ) 
img ( vertical-align: 50% } 


èe text-align determină maniera de aliniere orizontală (left, right, center 
ori justify). * 
p, div { text-align: justify ) 
+ text-transform determină maniera de transformare a textului 
(capitalize, uppercase, lowercase sau none). 
h4 { text-transform: uppercase ) 
e text-indent specifică modul de indentare a liniei, valorile fiind fie 
procente, fie numere (cu semn sau nu): 


p { text-indent: 2cm } 
hi { text-indent: -10% } 
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e line-height specifică distanţa dintre două linii adiacente: 
div { line-height: 1.3; font-size: 10pt } 


De menţionat faptul că Internet Explorer 3 interpretează eronat valorile 
acestei proprietăţi. 
4... Proprietăţi ale boxelor de afișare 
Aşa cum am văzut mai sus, fiecare element este reprezentat în cadrul unei 
boxe invizibile de afişare. Există o serie de proprietăţi pentru specificarea 
marginilor (margin), a zonei dintre chenar şi conţinutul efectiv (padding), a 
chenarului care înconjoară boxa de afişare (border). 
Exemple: 
body { 
margin-top: lcm; 
margin-right: 2cm; 
margin-bottom: 3cm; 
margin-left: 2cm; 
) 
blockquote { 
padding-bottom: 2em; 
} 
hi h2 { 
border-width: međium; 
borđer-style: dotted; 
) 


Proprietatea border-width poate avea drept valori cuvintele rezervate thin, 
medium sau thick ori numere pozitive. Pentru border-style valorile pot fi 
dotted, dashed, solid, double, groove sau ridge. 
Proprietăţile legate de chenarul unei boxe de afişare (border) sunt suportate 
parţial (sau chiar deloc) de navigatoarele actuale. De exemplu, nu toate 
stilurile de chenar sunt recunoscute. 
Netscape 6 şi Mozilla 1 oferă proprietatea nestandardizată moz-border- 
radius care poate fi folosită la definirea unor chenare cu colţuri rotunjite: 
pre { 
background-color: rgb(250,240,230); 
/* Goar pentru IE 6 */ 
border: dotted darkred; 
border-width: 1px; 
padding: 3px; 
width: 100%; 
font-family: "Courier New", Courier, monospace; 
font-size: 10pt; 
/* doar pentru Mozilla/Netscape 6 */ 
-moz-border-radius: 7px; 


Pot fi specificate şi modul de curgere a textului (float) şi pe care laturi a unei 
boxe nu se permite curgerea (clear): 
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img { 
float: left; top:  50px; 
clear: right; left: 70px; 
margin-left: 0px; z-index: 3; 
} font-size: 34pt; 


se a S A die 2 ` Ş color: white; 
Pentru a preciza lăţimea şi înălţimea ocupate de o boxă de afişare se vor folosi 


width şi, respectiv, height, } 


„umbra { /* simulează umbra textului */ 


h2 { i position: absolute; 
width: 400px; top: 52px; 
background-color: navy; left: 72px; 
color: white; z-index: 2; 
) font-size: 34âpt; 
img ( /* scalarea unei imagini */ color: gray; 
width: 40%; } 
height: 40%; ` .fundal { 
} position: absolute; 
f A ui At b a g 7 aoa `- top: 30px; 
Desigur, în locul scalării prin intermediul foilor de stiluri, se recomandă left: 45px; 4 
folosirea unui editor grafic pentru ca fişierul conţinând imaginea gata scalată zonder: 1; /* cel mai depărtat de privitor */ 


să se poată Încărca mai rapid. 


Eai ; font-size: 20pt; 
5. Proprietăţi de clasificare p 


font-family: "Arial Black“, Helvetica, sans-serif; 


e white-space declară cum sunt manipulate spaţiile albe din cadrul unui color: white; 
element (normal, pre, nowrap). background:black; 
De exemplu, elementul <nobr> (nesuportat de specificaţiile HTML, dar borer: solid white thin; 
permis de unele navigatoare) poate fi înlocuit de white-space: width: 300px; 
: nowrap. padding: 5px; 
e list-style-type specifică modul de apariţie al membrilor dintr-o listă } 


</style> 


(valori permise: disc, circle, square, decimal, lower-roman, upper-roman, ¿n3 class=" fündal*swWÈB=}h3> 


lower-alpha, upper-alpha sau none). Această proprietate este similară 
atributului type aplicat elementelor <ul>, <o1> sau <li>. 

e list-style-image specifică drept marcaj a membrilor unei liste o 
imagine, 


<p class="text">Css2 în relief</p> 
<p class="umbra">C882 în relief</p> 


i ; ai e fs Liniile de mai sus vor conduce la următorul rezultat: 
ul { list-style-image: url(triunghi. gif) ) 


e list-style-position poate lua valorile inside ori outside, indicând 
locul marcajului unui element de listă. 


4.2.3 Proprietăţi CSS2 uzuale 


Vom descrie în continuare o mică parte din proprietăţile puse la dispoziţie de CSS2 - 
aceasta deoarece navigatoarele actuale nu oferă decât suport parţial pentru CSS2, 


Utilizarea proprietăţilor de poziţionare 


A ; i : ; ds PEA w 
1. În CSS2 oricare element vizual poate fi precis poziţionat (în manieră relativă 


sau absolută), după cum se poate remarca din exemplul următor: ? Si tis 5 ; 
Se observă totuşi o dispunere spațială dependentă de navigator. 


Aceste facilităţi, împreună cu posibilităţile de a modifica vizibilitatea 
(proprietatea visibility), de a permite decuparea elementelor (pro- 
prietăţile clip şi overflow) şi de a specifica mai multe straturi de prezentare 


<style type="text/css"> 
„text { 
position: absolute; 


154 Proiectarea siturilor Web 


a conţinutului paginii Web (ordinea afişării straturilor fiind controlată de 
proprietatea z-index), pot fi folosite în contextul DHTML-ului (Dynamic 
HTML). 

Ca şi la CSS nivelul 1, în cadrul modelului de formatare pot fi precizate 
dimensiunile boxei de afişare (proprietăţile width şi height) 


absolute | relative | static 


lungime | procentaj | auto 
lungime | procentaj | auto 


width lungime | procentaj | auto 


lungime | procentaj | auto 
formă | auto 
auto | număr_întreg 


Proprietăţile de poziţionare a conținutului 


2. De asemenea, CSS2 aduce suport pentru medii multiple de date: 


aural (sonore), 

braille (destinate orbilor), 

handheld (dispozitive miniaturizate), 

print (pentru imprimantă), 

projection (pentru proiectoare), 

screen (ecranul calculatorului), 

tty (terminale text), 

tv (destinate reprezentării pe ecranele TV). 


Specificaţia CSS2 împarte mediile în mai multe grupuri dintre care amintim: 


e continue (continuous) sau paginate (paged), 
e vizuale (visual), sonore (aural sau tactile (tactile), 
e interactive sau statice, 


Putem stabili diverse proprietăţi de stil în funcţie de mediul de vizualizare a 
documentului Web, după cum se poate remarca din exemplul de mai jos: 
Gmedia print. { /* pentru imprimantă */ 
body { font-size: 10pt ) 
) 


Cmedia screen { /* pentru ecran */ 
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body { font-size: 12pt; } 

) 

îmedia screen, print { /* pentru ecran şi imprimantă */ 
body { line-height: 1.2; ) 

) 


Construcţia Emedia poate fi utilă şi pentru a inhiba procesarea unor 
proprietăţi de stil de către navigatoarele mai vechi. Astfel, pentru a putea 
utiliza line-height fără probleme la afişare în Internet Explorer 3, o vom 
include astfel: 

media screen { 

p { line-height: 1.3; } 

} 


Un alt exemplu: 


Gmedia screen | 

boây { 
margin: 2cm; 
/* pentru a evita afişarea defectuoasă în NS 4.x */ 
background-image: url(web.jpg); 

) 

) 


3. Proprietatea cursor specifică forma de afişare a cursorului mouse-ului (sau a 
altui dispozitiv de intrare). Astfel, pot fi utilizate valorile crosshair, pointer, 
text, move, wait, help, default sau auto: 

a:hover { cursor: wait ) 

input ( cursor: text ) 

img ( cursor: pointer ) 

Lista tuturor proprietăţilor permise de CSS2 poate fi consultată în anexa 4 -= a 
se vedea CD-ul care însoţeşte cartea de faţă. 


4.2.4 Exemple 


În continuare vom prezenta o serie de exemple de construcţii CSS utile. 


e Pentru început, am dori ca legăturile dintr-o pagină Web să fie reliefate în 
momentul aşezării cursorului mouse-ului deasupra lor, ca în figura de pe 
pagina următoare. ea | 
În acest scop, pentru fiecare element <a> vom ataşa proprietăţile border şi 
paading astfel: 

a ( . n 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-decoration: underline; 
border-left: solid thin 1px white; 
border-top: solid thin 1px white; 
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Proiectarea Interfetelor utilizator 4200 112002) 


Pepere curs 


Cursul | Examenul 


Sa aie 
Cursul | Laboratori | Resurse 


Pentru a 
De 1eiinuni | Referate i Projecte 
-*” Altele = i 


Houtăti i Contact 


7 Ultima actualizare: 04 mai 2002 Syt 
versiunas 1.8 - 82000-2002 Sabin: Corneliu Burama 


Crearea de stiluri pentru reliefarea unei legături 


border-right: solid thin 1px white; 
border-bottom: solid thin 1px white; 
padding: 0.2em; 


Aceasta ne va asigura că orice ancoră va fi înconjurată de un chenar alb de 1 
pixel grosime. Am stabilit acest chenar pentru ca navigatorul să nu recalculeze 
dimensiunile boxei de afişare la momentul plasării cursorului mouse-ului 
deasupra legăturii. zid 

Folosind :hover vom modifica culoarea chenarului astfel: încât să apară 
umbra în partea dreapta-jos şi vom schimba culoarea de fundal pentru a 
simula un aspect tridimensional al textului ancorei (desigur, vom renunţa la 
subliniere): 


:hover { 


text-decoration: none; 

color: #333333; 

border-left: solid thin 1px white; 
border-top: solid thin 1px white; 
border-right: solid thin 1px darkgreen; 
border-bottom: solid thin 1px darkgreen; 
background-color: rgb(240, 255, 230); 


Din păcate, această rețetă nu funcționează optim în Netscape Navigator sau 
Opera. 

De multe ori proiectăm siturile Web fără a lua în considerație rezoluția 
calculatorului client pe care se va realiza vizualizarea paginilor. În cele ce 
urmează vom prezenta o soluție (concepută de absolventul Ionuț Aivănesei) 
de ajustare a modului de afişare şi de dispunere a elementelor dintrun 
document prin intermediul unei foi de stiluri specifice unei anumite rezoluţii. 
Am luat în consideraţie rezoluţiile de 640x480 (pe cale de dispariţie), 800x600 
(frecvent folosită în prezent) şi 1024x768 - a se vedea şi capitolul 5, 
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Rezoluţia calculatorului pe care se încarcă pagina va fi determinată prin 
intermediul obiectului screen pus la dispoziţie de JavaScript. Pentru fiecare 
dintre cele trei rezoluţii prin intermediul metodei wri te a obiectului 
document va fi inserat un marcator <1ink> făcând legătura cu foaia de sti] 
dorită. Codul JavaScript de mai jos va fi plasat în antetul fiecărui document 


HTML: 


<script language=" JavaScript" type="text/javascript"> 
if (window.screen) 
{ 
var w = screen.width; // preluăm lățimea 
// verificăm rezoluția 
if {w < 740) { 
document .write ("<link rel='stylesheet: href='640.css' 
type='text/css'>"); 
) 
if (w >= 740 && w < 835) { 
document .write("<link rel='stylesheet' href='800.css' 
type='text/css'>"); 
} 
if (w >= 835) { 
document .write("<link rel='stylesheet' 
href='1024.css' type='text/css'>"); 
} 
} 
</script> 


Tot ce mai rămâne de realizat este să scriem proprietățile de stil corespun- 
zătoare fiecărei rezoluţii în parte. 

De exemplu, putem ajusta modul de afişare a textului inclus în interiorul 
marcatorilor <h2>, <h3> şi <td>. Pentru rezoluţia 640x480, în fişierul 
640. css vom insera: 


/* proprietăți de stil pentru 640x480 */ 
h2 { font-size: 1llpx; ) 
h3 { font-size: 10px; ) 
td { font-size: 8pt; } 


Foaia 800. css ar putea conține: 


/* proprietăţi de stil pentru 800x600 */ 
h2 ( font-size: 13px; ) 
h3 { font-size: llpx; ) 
tā { font-size: 9pt; } 


Pentru rezoluţia maximă, vom utiliza valorile: 


/* proprietăţi de stil pentru 1024x768 Ky 
h2 { font-size: 16px; } : 
h3 { font-size: 12px; ) 
td { font-size: 10pt; 
padding: 2px; ) 


158 Proiectarea siturilor Web 


Pseudo 


Ja active 
[ra visited 
Ha hover 


a nounder 


nobordet 


Editarea fişierelor CSS 
folosind componenta CaSSius a programului SCREEM 


4.2.5 Extensii CSS în Internet Explorer 


Alături de proprietăţile standard stipulate de specificaţiile Consorţiului Web, fiecare 
navigator suportă un set extins de alte diverse proprietăţi (unele dintre ele au fost 
deja prezentate). Ne vom referi mai jos la posibilitatea de a realiza diferite efecte 
multimedia în versiunile recente ale navigatorului Internet Explorer, în special de a 
ataşa filtre vizuale unor elemente din cadrul documentelor HTML. 


Efecte şi filtre vizuale în cadrul paginilor Web 


Începând cu versiunea 5.5, creatorii de pagini Web au posibilitatea de a ataşa 
imaginilor incluse în documentele HTML diverse efecte şi filtre vizuale care până 
acum puteau fi realizate fie static, folosind un editor grafică raster (e.g: Adobe 
Photoshop ori GIMP - The GNU Image Manipulation Program), fie dinamic, prin 
intermediul unor scripturi JavaScript sau applet-uri Java. 

Într-o formă limitată, aceste filtre existau şi în Internet Explorer 4.0, dar pentru 
versiunile IE 5.5 şi ulterioare ele au fost îmbogăţire şi optimizate. Filtrele vor putea 
fi folosite prin intermediul unei proprietăţi CSS noi: filter, proprietate care va 
avea drept valoare un şir de caractere desemnând apelul unei funcţii de filtrare 
grafică. Sintaxa generală este următoarea: 

<element 

style="filter:progid: 
DXImageTransform.Microsoft.nume_filtru (proprietăți) * 
> 


Sintaxa sub care trebuie specificate proprietăţile filtrelor grafice este 
nume_proprietate=valoare, 

Fiind introduse prin proprietăţi CSS, filtrele vor putea fi ataşate unui grup de 
elemente - folosindu-se mecanismul foilor de stiluri ~, existând însă restricţia de a nu 
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fi utilizate pentru palete cu mai puţin de 256 de culori şi pentru tag-urile <embed>, 
<applet>, <object>, <option>, <select> sau pentru elementele de tabel (i.e, 
<table> ori <tr>). 

De asemenea, filtrele vor fi ignorate dacă apar specificate pentru elemente 
poziţionate aflate în cadrul unor elemente nepoziţionate. Astfel, filtrele vor putea fi 
aplicate numai elementelor posedând o formă de afişare - un layout de afişare creat, 
de exemplu, prin specificarea atributelor de înălţime (height) şi de lăţime (width) ori 
având poziţionare absolută în cadrul ferestrei navigatorului (via proprietatea 
position: absolute — vezi secţiunea 4.2.3). 

Pentru început vom schimba gradul de opacitate pentru o imagine, folosind 


filtrul Alpha: 


<div align="center"> 
<img src="linux.png" /> 
<h4>Imaginea originală</h4> 
<img sre="linux.png" 

style= 
"filter:progiâ:DXImageTransform. Microsoft .Alpha (opacity=33) " 
/> i 
<hâ>Imaginea opacizată</h4> 
</div> 
Înlocuind filtrul Alpha cu Blur vom determina înceţoşarea parţială a imaginii: 
<img sre="linux.png" 

style= 
"filter:progid:DXImageTransform.Microsoft „Blur (strength=15) 


a 


/> 


Pentru a transforma (a desatura) o imagine color într-una pe tonuri de gri vom 
putea folosi filtrul Basiclmage cu parametrul grayscale=1. Acest filtru este 
aplicabil şi pentru realizarea efectului de negativ asupra unui fişier grafic, după cum 
se poate observa din exemplul următor: 

<img src="linux.png" 

style= 

"filter:progid:DXImageTransform.Microsoft .Basiclmage 

(invert=1)" 

> 

Încercaţi, de asemenea, să aplicaţi filtrul BasicImage cu parametrul xray=1. 

Pentru efectuarea unor prelucrări precum rotiri sau afişări în oglindă putem 
utiliza acelaşi filtru Basiclmage însoţit de proprietăţile rotation, respectiv mirror, 
A se studia şi exemplele disponibile pe CD-ul care însoțește cartea de faţă. 

Desigur, mai pot fi folosite filtrele Wave, DropShadow, Glow, Chroma, Light, 
familiare tuturor utilizatorilor aplicaţiilor de prelucrare grafică. 
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Imaginea originală . imaginea opacizată Imaginea înceţoşată f 
fără efecte Alpha) BiurQ) 


Imaginea în negativ Imaginea desaturată Imaginea în mişcare 
Basicimageţinvert=1)  Basicimagețxray=1) MotionBlur() 


Utilizarea diferitelor efecte grafice asupra unei imagini 


lată un exemplu mai complex, constând din aplicarea mai multor filtre asupra 
aceleaşi imagini: 
<img src="linux.png" 
style=" 
filter:progiâ:DXImageTransform.Microsoft .Wave (strength=74) 
progid:DXImagetransform.Microsoft .MotionBlur (speed=10) 
progid:DXImageTransform.Microsoft .Basiclmage (invert=1) * 
/> 
Proprietatea filter poate fi aplicată nu doar conţinutului grafic inclus în 
documentele Web prin intermediul marcatorului <img>. 
De exemplu, proprietatea opacity a filtrului Alpha poate fi utilă pentru 
suprapunerea mai multor tag-uri HTML având diverse grade de vizibilitate: 


<!-- O imagine --> 
<img src="linux.png" 
style="position:absolute; top:10; left:25" 
width="277" height="260" /> 
<!-- Se suprapune un text --> 
<div style="position:absolute; top: 220; left: 25; 
width: 277; height: 35; 
background-color: black; 
filter: 
progid:DXImageTransform.Microsoft Alpha (opacity=30) "> 
</div> 
<div style="color:white; position: absolute; top: 220; 
width: 277; height: 80; 
margin-top: 5px; margin-left: 15px;"> 
<p style="font-size:l4pt; font-family: sans-serif; 
text-align: center”> 
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Dragoş Acostăchioaie 
</p> 
</div> 


Grade diferite de transparență asupra unor elemente HTML suprapuse 


Un alt exemplu, în care vom folosi proprietatea rotation pentru un text în 
conjuncție cu o figură: 
<style type="text/css"> 
„fig { 
position: absolute; îm 
top: 10px; 
left: 30px; 
filter: 
progid:DăXImageTransform.Microsoft .Basiclmage (mirror=1) ; 


) 

„text { 
position: absolute; 
top: 10px; 
left: 5px; 
width: 260; 
padding: 0.2em; 
background: black; 
color: white; 
font-size: 18pt; 
font-family: Verdana; 
filter: 
progiâ:DXImageTransform.Microsoft .Basiclmage(rotation=3) ; 

) 

</style> 


<img sre="linux.png" class="fig” /> 
<div class="text">Linux< /Giv> 
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Rotirea unui text şi oglindirea unei imagini 


De asemenea, putem utiliza filtrele vizuale în conjuncţie cu pseudo-clasa : hover 
pentru a realiza diverse efecte asupra ancorelor având conţinut grafic: 
a:hover img ( 
filter: ` 
progid:DXImageTransform. Microsoft .DropShadow 
(color=lightblue) ; : 
) 


„De menţionat faptul că filtrele prezentate mai sus pot fi aplicate şi în manieră 
dinamică, prin intermediul unor scripturi JavaScript. Mai mult, Internet Explorer 
pune la dispoziţie aşa-rtumitele filtre de tranziţie sau de animaţie - ca, de exemplu, 
CheckerBoard, Blinds, Iris, Barn, Strips, RandomBars sau RandomDissolve — care pot 
fi utilizate în conjuncţie cu filtrele vizuale. 

i Vestea bună este că actualmente aceste filtre de tranziţie pot fi folosite nu numai 
în cadrul scripturilor, ci şi pentru realizarea unor efecte diverse în timpul scurs 
m A a . Dă `. tă . n 
pentru Încărcarea În fereastra navigatorului a unei noi pagini Web. Pentru aceasta, În 
antetul documentului HTML poate fi inclusă într-un element <meta> o construcție 
de următoarea formă: 
<meta http-equiv= "Page-Enter" 
content= 
"progid:DXImageTransform.Microsoft.Blinds (duration=3)" /> 
<meta http-equiv="Page-Exit" 


contents 
"progid:DXImageTransform.Microsoft. Barn 
(orientation='horizontal', motion='in'}") /> 


Prima construcţie va determina aplicarea filtrului Blinds la încărcarea paginii, iar 
a doua va cauza rularea filtrului Barn atunci când utilizatorul va părăsi pagina. În loc 
de Page-Enter şi Page-Exit pot fi utilizate valorile Site-Enter sau 
Site-Exit, desemnând încărcarea şi respectiv părăsirea documentelor aparţinând 
unui anumit sit Web: 
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DI RI RO RIN 


<meta http-egquiv="Page-Enter" 
content= 
"progiG:DXImageTransform.Microsoft Fade (Duration=2)" /> 
<meta http-equiv="Page-Exit" 
content= 
"progid:DXImageTransform.Microsoft .Fade (Duration=2)" /> 
<meta http-equiv="Site-Enter" 
content= 
"progiâ:DxXImageTransform.Microsoft .Fade(Duration=2)" /> 
<meta http-equiv="Site-Exit” 
content= 
"Drogiâ:DXImageTransform.Microsoft Fade (Duration=2)" /> 


Nu întotdeauna însă aceste filtre vor funcţiona corespunzător, probabil datorită 
nei erori interne a navigatorului. 


: E Internet Explorer only 


|: Interpage transitions make it possible to provide visual effects to the entire “| 
window as a Web page is loaded or-exited. Just as programs: such as 
> PowerPoint? allow for transitions between slides, pou can provide wipes, 


fades and moie with web-based transitions. 


„The syntax for transitions consists of three parts: 
specilying when the event should be played, the -: 
duration-of the transition, and what kind of--- 

- Wansition effect tous : 


“Event sai E Transiion effect... 


| Page-E nier > | 


Stabilirea tranzițiilor dintre pagini prin folosirea programului ist Page 2000 


Trebuie precizate şi următoarele observaţii referitoare la modul de folosire a 
ivrelor şi efectelor grafice prezentate în cadrul acestei secţiuni: 


e Anumite filtre (e.g: Shadow, Compositor, DropSbadow, Glow sau Mask) vor 
funcţiona adecvat numai dacă sunt aplicate unor elemente transparente. 
Textul fără culoare sau imagine de fundal este considerat a fi transparent. 
Pentru a asimila corect filtrele de mai sus, imaginile trebuie furnizate în 
formatul GIF89a sau PNG având stabilită o culoare de transparenţă. 
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e Trebuie avut în vedere faptul că, utilizând în mod repetat filtre sau aplicând 
un număr mare de filtre asupra unor imagini de dimensiuni mari din cadrul 
unor pagini Web, vom încetini procesul de afişare a conţinutului acelor 
documente. Ar fi inutil să modificăm o serie de proprietăţi ale unui filtru 
după ce elementul având ataşat acel filtru a fost deja afişat de navigator, de 
vreme ce schimbările nu vor putea fi observate. decât reîmprospătând 
conţinutul acelei pagini. 


Filtrele prezentate mai sus sunt în fapt controale DirectX încorporate în Internet 
Explorer, fiind deci necesar ca sistemul să ofere suport pentru acestea. Nu se 
garantează că aceste filtre vor funcţiona în versiuni Internet Explorer portate pe alte 
platforme (de exemplu, diferite variante de Unix). De asemenea, avizăm 
dezvoltatorii că proprietatea filter nefiind standardizată nu este suportată de alte 
navigatoare, Exemplele de mai sus nu vor funcţiona, din păcate, decât în Internet 
Explorer sub Windows. 


Comentarii bibliografice 


Există o sumedenie de cărţi (mai mult sau mai puţin detaliate) care călăuzesc scrierea 
de documente HTML, dedicate mai ales începătorilor. Printre primele lucrări în 
limba română, acoperind noţiunile de bază ale limbajului HTML, se numără 
lucrarea D. Rădoiu, HTML - Publicaţii Web, Computer Press Agora, Tg. Mureş, 1996. 
Fiind tot în limba română, următorul curs electronic de HTML (exceptând 
formularele electronice) şi CSS - nivelul 1 poate prezenta interes: V. Clocotici, 
Limbajul HTML - http: / /www. infoiasi .ro/-val/htmlearn html. O altă 
carte utilă este M. Jalobeanu, WWW în învățământ, Casa Corpului Didactic, 
Cluj-Napoca, 2001. 
Recomandăm şi vizitarea următoarele resurse Web: 


e HTML Center - www.htmlcenter.com 
e 


HTML Primer - www. ncsa .uiuc.edu/General/Internet /WWW/ 
HTMLPrimer.html 


HTML Web School - www.w3schools.com/html/ 
Introduction to HTML -~ www.w3 .org/MarkUp/Guide/ 
XHTML Tutorial - www.w3schools.com/xhtm1l/ 


Pentru o listă a unor editoare HTML populare, disponibile gratuit, consultaţi 
http: //www.nonags .com/nonags/htmledit html, iar pentru o prezentare a 
uneltelor de creare a paginilor Web accesaţi adresa http: / /www.unh. edu /NIS/ 
Docs/wWeb/web-authoring.html, 

Utilitarul Tidy prezentat în cadrul secţiunii 4.1.4 poate fi găsit la 
http: //tidy.sourceforge.net sau pe CD-ul cărții. De asemenea, pentru a 
verifica dacă paginile Web sunt accesibile persoanelor cu diverse handicapuri se 
poate apela la serviciul gratuit Bobby disponibil la http: //www.east .org/ 
bobby/. Alte programe utile, rulând pe platforma Linux, sunt Weblint - ftp://ftp, 
weblint.org/pub/weblint/ sau Linbot — http: //starship.skyport .net/ 
crew/marduk/linbot/. 
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Pentru o discuţie privind utilizarea judicioasă a cadrelor se poate vizita pagina 
Professional Frames în HTML: http: //devcentral. i ftech.com/Learning/ 
tutorials/web/frames/. Pentru mai multe amănunte legate de crearea şi 
procesarea formularelor electronice, cititorul poate consulta cartea S$. Buraga, 
Programare Web în bash şi Perl, Editura Polirom, Iaşi, 2002 sau adresa 
http: / /wuww .halcyon.com/sanford/cgi /cgi-tour.html. De asemenea, de 
un real folos sunt resursele siturilor Dezeloper.com - www . developer . com şi Web 
Reference - www .webreference . com. 

În privinţa foilor de stiluri în cascadă, cititorul este îndemnat să consulte 
specificaţiile CSS ale Consorţiului Web, disponibile şi pe CD-ul care însoţeşte cartea. 
Pentru validarea foilor de stiluri, Consorţiul Web pune la dispoziţie un serviciu 
special - vezi situl www .w3 . org. Designerii interesaţi de folosirea filtrelor vizuale în 
Internet Explorer pot vizita Microsoft Developer Network: http: //msân. 
microsoft.com/. Informaţii privitoare la proprietăţile CSS în general sunt 
disponibile şi la adresa http: //style.webreview.com/ mastergrid. html. 

Amintim la final că pe CD-ul aferent acestei cărţi sunt disponibile, de asemenea, 
diverse editoare HTML şi CSS, plus diferite alte programe utilitare folositoare, 
pentru platformele Windows şi Linux. 


g 


5. PROIECTAREA UNUI SII WEB 


Forma poate fi mai importantă decât substanţa. Un sloi de gheață 
poate avea rol de lentilă astfel încât să aprindă focul. (George Iles) 


Acest capitol prezintă procesul de proiectare a siturilor Web, în contextul, 
mai general, de proiectare a interfeţelor cu utilizatorul, Sunt detaliate 
etapele de proiectare şi structurare a unui sit, insistându-se asupra 
organizării sitului şi a paginilor individuale. De asemenea, sunt enumerate 
o serie de tipuri de situri Web, expunându-se unele dintre caracteristicile 
lor principale, şi sunt oferite dezvoltatorilor diverse sfaturi utile. 


5.1 Preliminarii 


Asistăm actualmente la apariţia unei palete de situri WWW în peisajul Web-ului 
românesc, remarcabile mai ales din punct de vedere cantitativ, de la situri personale 
până la cele de conţinut şi de la situri academice la cele pur comerciale. În cadrul 
capitolului de faţă ne propunem să punem în discuţie o serie de probleme legate de 
proiectarea siturilor Web şi, de asemenea, să oferim „diverse soluţii constructive 
pentru fiecare dintre acestea. Din acest punct de vedere, problematica atinsă poate fi 
privită ca aparţinând ingineriei Web şi, într-un context mai larg, ingineriei software. 

Putem considera proiectarea unui sit Web drept un proces de proiectare a unei 
interfeţe cu utilizatorul pentru un produs software de sine stătător, problemele care 
trebuie rezolvate în ambele cazuri fiind similare. 

Este necesar să definim în primul rând o serie de noţiuni de bază, precum: 


e interacţiunea om-maşină (Puman-computer interaction) este o direcţie de 
cercetare având drept scop studierea şi ameliorarea factorilor care influenţează 
utilizarea efectivă şi eficientă a calculatoarelor, mai cu seamă în contextul 
spaţiului World-Wide Web din perspectiva avută de noi în vedere. Inter- 
acţiunea om-maşină priveşte trei aspecte importante: 

- omul — reprezintă în acest context persoana care încearcă să atingă un 
anumit scop prin intermediul calculatorului (e.g.: obţinerea informaţiilor 
referitoare la cursele unei companii aeriene în vederea efectuării unei 
călătorii la Paris); 

- calculatorul — rulează programe şi aplicaţii, deseori aflate la distanţă; 

- interacțiunea — se concretizează într-un dialog între om şi calculator, de cele 
mai multe ori sub formă de întrebare-răspuns. 

Interacțiunea dintre om şi maşină este o problemă studiată - din perspective 

diferite - de mai multe discipline, alături de informatică furnizând rezultate 

notabile psihologia, sociologia, semiotica, ingineria sau lingvistica. 
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interfaţa cu utilizatorul reprezintă o parte a aplicaţiei software care oferă 
utilizatorilor posibilitatea de a-şi exprima într-o manieră dorită a fi facilă 
intenţiile de operare prin intermediul calculatorului şi de a intra în posesia 
rezultatelor furnizate de acesta. 
Originile acestui termen pot fi localizate în vocabularul tehnic ingineresc al 
anilor 1970. Interfața este locul în care se realizează comunicarea dintre 
utilizator şi computer. În interacţiunea care se stabileşte, utilizatorul este cel 
care poate decide dacă interfaţa folosită îi este cu adevărat utilă, componentele 
hardware şi software reprezentând pentru el doar unelte cu ajutorul cărora 
este construită interfaţa. Din perspectiva discutată de noi, interacţiunea dintre 
om şi calculator va avea loc prin intermediul unei interfețe Web, construită pe 
baza tehnologiilor oferite de Internet; 

e proiectarea interfeţelor cu utilizatorul poate fi considerată drept sumă a 
activităţilor de: 
- înţelegere a nevoilor utilizatorilor, 
- proiectare (design), 
-  prototipizare, 
- evaluare, 
- implementare finală a interfeţei. 
O întrebare firească pe care şi-o poate pune cititorul este De ce este imperios 
necesar să se studieze proiectarea interfeţelor cu utilizatorul, respectiv a siturilor 
Web? Motivația acestui demers provine din faptul că majoritatea interfeţelor 
(fie ele Web sau nu) sunt încorporate în programe şi aplicaţii reale, 
complexitatea şi utilitatea acestora fiind percepute de utilizatorii finali 
aproape exclusiv prin intermediul interfeţelor. Din nefericire, există 
numeroase interfeţe prost concepute, fapt care conduce adesea la pierderi de 
bani (şi chiar de vieţi omeneşti în cazuri extreme). Realizarea unei interfeţe 
deplin funcţionale, productive şi nu în ultimul rând agreabile este de altfel 
foarte dificilă, aceasta implicând nu doar îmbinarea mai multor tehnologii, ci 
şi corespunderea maleabilă la necesităţi de utilizare cât mai complexe. 
O altă posibilă întrebare este Cine construieşte interfețele? Există o întreagă 
pleiadă de persoane cu diverse specializări angrenate în această activitate. Pot 
fi enumeraţi graficieni, proiectanţii de mijloace de interacţiune om-maşină, 
programaţorii, personalul de testare şi evaluatori, autorii de manuale tehnice, 
experţii în relații cu publicul şi chiar utilizatorii finali. 


5.2 Etapele dezvoltării unui sit 


De vreme ce proiectarea de situri Web reprezintă în fapt un caz particular de 
proiectare a interfeţelor cu utilizatorul, vom încerca pe parcursul acestui capitol să 
oferim diverse soluţii la problemele proiectării şi realizării efective de interfeţe om- 
„maşină. Acest proces complex va fi urmărit şi detaliat din perspectiva următoarelor 
etape (care ulterior vor putea fi rafinate): 
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- identificarea şi înţelegerea nevoilor utilizatorilor finali, 

- analizarea activităţilor şi a contextului interacțiunilor dintre om şi maşină 
-  prototipizarea interfeţei, 

- evaluarea interfeţei, 

- programarea interfeţei, 

- reiterarea etapelor anterioare. 


y 


5.2.1 Scopul şi obiectivele sitului Web 


Identificarea şi înţelegerea nevoilor vizitatorilor sitului dorit a fi proiectat au în 
vedere stabilirea scopului acestuia. Oricare ar fi specificul sitului Web, primul pas este 
acela de a ne asigura că ne-am definit un set de obiective, adică ştim ce dorim să 
realizăm o dată cu demararea activităţilor de construire şi dezvoltare a sitului. Fără o 
frază clară - menită a preciza scopul şi obiectivele - proiectul nu va avea succes. 
Conştientizarea scopului dorit a fi materializat şi grija planificării activităţilor sunt 
cruciale, mai ales dacă facem parte dintr-o echipă de design a unui sit. Înainte de a 
începe construirea sitului respectiv, trebuie să avem în vedere: 


identificarea publicului-ţintă (target audience); 

stabilirea scopului sitului; 

cunoaşterea obiectivelor principale; 

întocmirea unui plan concis privitor la informaţiile disponibile pe sit. 


A . ýe . . m . .. 

În paralel, va trebui demarată activitatea de identificare a tuturor informaţiilor 
textuale, grafice şi multimedia şi a resurselor disponibile pe care va fi necesar să le 
colectăm sau să le creăm pentru a atinge obiectivele stabilite. 


Stabilirea obiectivelor finale 


Principiul de design al sitului este. furnizat de sloganul sub care urmează a se 
desfăşura întreaga activitate: o frază clară şi scurtă care expune obiectivele. Trebuie 
să avem o motivaţie precisă în crearea unui sit Web, iar pentru aceasta este imperios 
necesar să explicităm obiectivele, în funcţie de îndeplinirea acestora urmând a analiza 
viitorul succes al sitului nostru, 

De exemplu, o frază-cheie specificând obiectivele sitului Web al unei societăţi de 
prestări de servicii ar putea fi: l 


„Situl Web va reduce solicitările de la biroul de informații referitoare la activitățile 
societății. Situl Web va descongestiona personalul responsabil cu activitatea de 
corespondență. Pe sit va fi disponibil întregul conținut al publicației pe care o 
editează trimestrial organizația, plus diverse informații de actualitate. După un an 
se va decide prin vot dacă publicația Web a avut succes şi se va analiza posibilitatea 
de a se renunța la forma tipărită a acesteia, micşorându-se cheltuielile”, 


Această enunţare a scopurilor poate continua cu enumerarea mai multor 
obiective financiare şi organizaționale specifice, cu stabilirea perioadei şi a modului 
de evaluare a succesului prezenței pe Web a respectivei societăți, prin intermediul 
sitului dezvoltat. 


or iau ta Pee mea a m aia Tai Pap i a 7 e RE a a E E 
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Desigur, trebuie să ţinem seama de faptul că obiectivele de mai sus nu pot fi 
aplicate în cazul unui sit Web de altă factură (de exemplu, scopurile unui sit dedicat 
divertismentului interactiv diferă de cele ale unui sit asociat unei conferinţe 
ştiinţifice din domeniul calculatoarelor). 

De mule ori se întâmplă ca problema principală să o constituie tocmai lipsa 
;copului. O motivaţie de genul „şi alte companii au situri pe Web” nu reprezintă un 
argument acceptabil. Desigur, din ce în ce mai des apare - mai ales în mass-media - 
sintagma „dacă nu eşti pe Internet, nu exişti” şi, ca atare, nici o organizaţie serioasă 
au îşi poate permite să neglijeze acest mediu de comunicare şi de afaceri. A poseda 
doar un sit Web drept carte de vizită on-line - mijloc de promovare a imaginii firmei — 
nu este suficient în prezent. De asemenea, acest aspect nu reprezintă nici pe departe 
modul cel mai eficient de valorificare a posibilităţilor oferite de tehnologiile Internet 
n general şi de cele Web în special. 

Trebuie reţinut faptul că procesul de construire a unui sit se desfăşoară în mai 
nulte etape, informaţiile puse la dispoziţie prin intermediul lui schimbându-se 
frecvent. Editarea pe termen lung a informaţiei şi dezvoltarea tehnică a sitului 
-rebuie să facă parte din planurile noastre importante legate de design. Fără această 
verspectivă pe termen lung, situl Web va avea aceeaşi soartă ca multe publicaţii 
ipărite, care au debutat în condiţii favorabile, dar nu au avut continuitate. 


Cunoaşterea audienței 


Un bun start pentru a stimula personalul să conlucreze la conturarea unei imagini 
zât mai benefice asupra organizaţiei este evaluarea avantajelor pe care ar putea să le 
ubă utilizatorul care va aloca din timpul său câteva minune pentru a ne vizita 
itul. 

Identificarea potențialilor vizitatori ai sitului este crucială. Structurarea 
tesignului sitului se va face în concordanță cu nevoile şi aşteptările audienței. Gradul 
le instruire, interesele şi dorinţele utilizatorilor vor varia de la novicii care au nevoie 
le o introducere atent structurată până la utilizatorii experţi — iritaţi de orice aspect 
are le întârzie accesul la informaţie. Un sit Web bine proiectat ar trebui să fie 
'apabil să se acomodeze unei game largi de interese şi aptitudini ale utilizatorilor. De 
'xemplu, în contextul intranetului, dacă scopul sitului este de a furniza informaţii 
nterne privitoare la firmă (e.g.: documente despre resursele umane, noi oportunităţi 
părute în cadrul companiei sau alte informaţii care de obicei sunt tipărite), situl va 
i folosit de angajaţii acelei organizaţii, fiind vizitat chiar de mai multe ori pe zi. 

Va trebui, aşadar, să descoperim ce informaţii ar putea avea valoare pentru 
izitatori şi să le oferim în cadrul sitului. 

În primul rând trebuie să ne concentrăm asupra primei impresii pe care le-o face 
iizitatorilor situl nostru. Prima pagină a sitului ar trebui să fie asemenea copertelor 
le reviste, Obiectivul este de a atrage utilizatorii ocazionali prin intermediul unor 
magini plăcute şi al unor sloganuri prezentând conţinutul. Toate legăturile din 
sagina de start trebuie să conducă spre paginile subiectelor importante din cadrul 
itului. 

Pentru aceasta trebuie să mulţumim mai multe categorii de utilizatori ai sitului, 
are pot fi: 
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e Utilizatorii novici şi cei ocazionali. Posibilităţile de înţelegere şi orientare ale 

acestora sunt dependente de o structură clară a sitului şi de un acces facil către 
schemele de organizare a informaţiilor disponibile. Novicii sunt intimidaţi de 
meniurile-text complexe şi nu vor cerceta în detaliu situl dacă pagina de start 
nu oferă imagini atractive şi nu este judicios organizată. După studiile lui 
Jakob Nielsen - unul dintre specialiştii notorii în utilizarea interfeţelor -, mai 
puţin de 10% din cititorii unei pagini Web au derulat documentul pentru a 
parcurge şi informaţiile din partea inferioară a acestuia. 
Utilizatorii ocazionali trebuie să beneficieze de pagini prezentând rezumate 
ale informaţiilor importante, de hărţi ierarhice ale conţinutului sitului, de 
imagini sugestive care să-i ajute să-şi amintească localizarea informaţiilor din 
cadrul sitului. Pagini conţinând un glosar de termeni, acronime şi abrevieri, 
plus o listă cu „întrebări frecvente” (documente de tip FAQ - Frequently Asked 
Questions) pot fi de ajutor utilizatorilor ocazionali sau primilor veniţi, mai 
ales în cazul unor situri prezentând un conţinut complex. 

e Utilizatorii frecvenți şi experții. Această categorie vizitează situl cu scopul de a 

obţine, rapid şi cu un grad mare de acuratețe, informaţiile dorite. 
Utilizatorii experţi nu au răbdare să folosească meniuri grafice multiple 
oferind de la două până la şase opţiuni la un moment dat. Ei solicită meniuri- 
-text care se încarcă rapid şi care pun la dispoziţie legături spre subiectele 
importante. Grafica inutilă enervează acest tip de audiență. Utilizatorii 
experţi şi cei frecvenți au formulate în general scopuri specifice şi vor aprecia 
legăturile spre informaţii de detaliu, motorul de căutare internă sau indexul 
sitului. 

e Utilizatorii internaţionali. Proiectarea Web trebuie să ţină cont şi de 
internaţionalizare. Vizitatorii sitului pot proveni din medii şi state diferite. 
Pentru a avea o audienţă largă, la nivel mondial, va trebui să oferim traduceri, 
în cele mai frecvent folosite limbi, cel puţin pentru paginile importante, 
Trebuie evitate elementele de jargon sau acronimele tehnice obscure în cadrul 
paginilor introductive. De asemenea, nu trebuie să presupunem că fiecare 
cititor este familiarizat cu convențiile locale privitoare la dată şi timp. De 
exemplu, 4/9/02 pentru un american va însemna data de 9 aprilie 2002, dar 
utilizatorii din Europa ar putea interpreta această abreviere drept 4 
septembrie 2002. Aceeaşi observaţie este valabilă şi pentru alte unităţi de 
măsură. 


Stabilirea cerinţelor 


Proiectarea sitului trebuie să ia în consideraţie cerinţele impuse de beneficiarul 
acestuia. Se impune aşadar discutarea cu beneficiarul, în amănunţime, a cerinţelor, 
căzându-se de comun acord asupra unor aspecte generale şi/sau particulare ale sitului 
respectiv. Beneficiarul, autorul ori ambii pot decide, printre altele, care vor fi: 


e platforma-ţintă (Sistemul hardware, sistemul de operare, serverul Web, 
clientul/clienţii Web); 

e limbajul sau limbajele de programare utilizat(e) şi modul de procesare a 
datelor (dacă este cazul); 
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nivelul programării Web (pe server, la client sau o abordare mixtă); 
sistemul de management al bazelor de date şi al altor resurse; 
cerinţele de securitate (e.g.: controlul accesului); 

designul general al sitului; 

frecvenţa actualizării informaţiilor şi dinamicitatea lor; 

audiența şi specificul conţinutului. 


Problemele practice de construire şi de menţinere a unui sit Web de dimensiuni 
moderate (100 de pagini) pot fi multiple. Dintre acestea se pot enumera: 


e modificarea frecventă a documentelor având conţinut dinamic, dificil de 
controlat; - 
asigurarea integrităţii legăturilor dintre pagini; 
modificarea substanţială a structurii sitului drept consecinţă a schimbării 
conţinutului; 

e contradicţia dintre design şi funcţionalitate. 


Categorii de situri 


Prezentările de informaţie, indiferent de mediul folosit (mass-media clasice, 
CD-ROM, Web etc.), sunt guvernate de o serie de reguli, determinate de obiectivele 
propuse, de logistica efectivă a mediului ales şi de natura publicului căruia ne 
adresăm. 

Vom ilustra în continuare câteva dintre strategiile de prezentare a informaţiilor 
în funcţie de specificul sitului şi de audiența acestuia. Vom lua în calcul trei mari 
categorii de situri: de tip intranet, de conţinut şi de prezentare. ix BP 

Pentru Început ne vom concentra asupra sitului de tip intranet al unei organizații. 
Există patru teme majore în furnizarea informaţiilor în intranet în funcţie de două 
criterii: gradul de linearitate al prezentării şi lungimea timpului de contact cu 
utilizatorul tipic. În concordanţă cu acestea, în intranet, pentru siturile având 
conţinut educaţional sau ale unor firme care doresc să-şi instruiască personalul 
folosind tehnologiile Web, putem lua în calcul următoarele aspecte: 


e Instruirea. Aplicațiile de instruire bazate pe Web tind să organizeze 
informaţiile într-o formă plată, extrem de lineară, bazată pe metafora cărţii 
tipărite (vezi şi secţiunea 1.2.5 a primului capitol). Vizitatorului i se prezintă 
puţine oportunităţi în ceea ce priveşte devierea de la ideea centrală a 
prezentării. Nu trebuie să confundăm scopul unei astfel de aplicaţii Web - 
care este instruirea pas cu pas într-un anumit domeniu - cu propriile noastre 
aşteptări, oferind legături menite a-l îndepărta pe utilizator de mesajul central 
al sitului. l 
Pentru facilitarea navigării, vor trebui puse la dispoziţie legături de navigare, 
de genul „Înainte” Şi „Inapoi”, oferind astfel cititorului o modalitate lineară de 
parcurgere a întregului conţinut. Aceasta permite realizarea de aprecieri mai 
exacte referitoare la timpul petrecut de utilizator pe sit. 

Multe prezentări, axate pe subiecte concrete, presupun un timp de contact de 
mai puţin de o oră sau sunt divizate în sesiuni cu întindere de maxim o oră. 
Este cazul cursurilor on-line. Trebuie să informăm utilizatorii asupra timpului 


172 


Proiectarea siturilor Web 


petrecut pentru parcurgerea întregii sesiunii şi să-i atenţionăm să nu se abată 
de la materialul necesar. Aceasta mai cu seamă dacă doresc să obţină un atestat 
pentru acel curs de instruire, 

Menţionăm faptul că aplicaţiile de instruire de acest gen necesită, în unele 
cazuri, autentificarea utilizatorului, iar informaţiile despre acesta şi scorul 
obţinut sunt stocate într-o bază de date conectată la situl respectiv. 

Ca exemplificare furnizăm adresa unui curs on-line privitor la multimedia - 
http :/ /www .alpeda . shef .ac.uk/. 

Învăţarea. Aplicațiile Web de învăţare sunt, de asemenea, construite în jurul 
unei expuneri centrale, dar de obicei oferă mai multe oportunităţi pentru 
studenţi. Un atu major este cel de a se putea urmări digresiuni interesante de 
la temele principale ale sitului, existând permanent posibilitatea revenirii la 
prezentarea centrală. Informaţia prezentată este mai sofisticată şi mai detaliată 
decât în cazul aplicaţiilor de instruire. Structurile hipertext prea complicate 
pot distrage atenţia şi pot astfel împiedica vizitatorii să parcurgă prezentarea 
de bază. Dacă dorim să furnizăm utilizatorilor legături către alte resurse Web 
șuplimentare (exterioare sitului nostru), va trebui să le grupăm într-o pagină 
separată, nu în cadrul materialului principâl. De obicei, utilizatorii vor dori să 
tipărească materialul disponibil pe Web pentru a-l parcurge ulterior pe hânie, 
de aceea trebuie să furnizăm şi o versiune „pentru tipărire” (printer friendly) — 
în format HTML sau PDF - care organizează mai multe pagini într-una singură, 
eventual adoptând o formatare mai apropiată de cea a unei cărți tipărite. 
Educaţia. Publicul orientat către o învăţare euristică, directă, va fi iritat de 
strategiile de design lineare. Adesea, utilizatorul tipic al aplicaţiilor educative 
posedă deja un anumit grad de cunoştinţe. Structurile hipertext nelineare, 
interactive, flexibile sunt cele mai potrivite pentru a organiza informaţiile 
destinate acestor utilizatori. De exemplu, este dificil de stabilit a priori ce 
subiecte vor fi mai interesante pentru un licenţiat sau un profesionist 
experimentat. Designul trebuie să permită accesul rapid la o gamă largă de 
subiecte. Uzual, sunt prezente mai multe legături către materiale pe aceeaşi 
temă din cadrul sitului şi din situri externe. Listele cu legături text pot fi 
văzute ca fiind cuprinsul sau indexul temelor principale, deoarece se încarcă 
rapid şi cuprind multă informaţie. Publicul-ţintă însă se -poate plictisi relativ 
rapid şi are nevoie de „stimulente” pentru focalizarea atenţiei: imagini cu 
impact sau elemente grafice aspectuoase care să incite la parcurgerea 
materialului. De asemenea, trebuie prevăzute posibilităţi de listare a 
informaţiilor (articolelor) disponibile. 

Un dezavantaj al acestei abordări este imposibilitatea aprecierii duratei de 
vizitare, Aceasta de cele mai multc ori va fi inai <curtă decât în cazul siturilor 
de instruire sau de învăţare peniru că utilizatorii sunt de obicei sub presiunea 
timpului. Aspectul pozitiv constituie ulterioara revenire pe sit a vizitatorilor 
intâresaţi de alte informații oferite sau de aprofundarea, celor deja parcurse. 

Ca exemple de astfel de situri se pot enumera variantele on-line ale 
enciclopediilor multimedia. Recomandăm vizitarea siturilor Encyclopedia 
Britannica - www.eb.com sau Enciclopedia de filosofie Routledge - 
www.routiedge.com. 
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e  Documentarea, O altă categorie este cea a siturilor Web care permit accesul la 
diverse informaţii documentare sau la referinţe bibliografice privitoare la un 
anumit subiect. 

O proiectare bună va permite utilizatorilor să navigheze rapid, să găsească 
uşor ceea ce doresc şi apoi să tipărescă facil sau să salveze informaţiile 
corespunzătoare. Nu există reguli generale, iar modelele folosite sunt în 
totalitate nelineare. Conţinutul şi structura meniurilor de subiecte trebuie să 
fie organizate în mod profesionist pentru a permite o căutare rapidă, ierarhică, 
o descărcare facilă a documentelor şi o accesare comodă a opţiunilor de 
tipărire a informaţiilor. Grafica trebuie să fie minimală pentru a micşora 
timpul de încărcare a paginilor. Situl trebuie să includă un motor de căutare 
internă şi un index de domenii. Pentru acest tip de situri, utilizatorul trebuie 
să petreacă un timp minim în vederea îndeplinirii scopului său. 

Drept exemplu de astfel de sit putem da CiteSeer - www. ci teseer. com - un 
depozit de informaţii preţioase în domeniul ştiinţelor calculatoarelor. 


O a doua categorie majoră o reprezintă cea a siturilor de conţinut. Acestea 
acumulează vizitatori interesaţi de informaţiile oferite de cele mai multe ori gratuit 
şi devin generatoarele de trafic pentru siturile care au un caracter comercial 
(i.e. magazinele electronice sau distribuitorii de servicii Web cu plată). Astfel, 
vizitatorii siturilor de conţinut pot deveni ulterior clienţi ai altor situri conexe, 
dedicate comercializării de bunuri şi de servicii. 

Domeniul de specializare a informaţiilor puse la dispoziţie de un sit de conţinut 
trebuie să reprezinte o nişă cu arie mică de interes. Un sit care. cuprinde - într-o 
mixtură eterogenă - glume, SMS gratuit, horoscop, oferte de muzică digitizată şi 
fotografii ale mănăstirilor din Moldova nu poate fi unul serios. Excepţia de la regulă 
o reprezintă portalurile — cazuri aparte din categoria siturilor de conţinut, deoarece 
ele sunt de fapt integratoare de conţinut, fără a fi însă doar simple colecţii 
nestructurate de legături spre alte situri; a se vedea şi secţiunea 2.1.4 a capitolului al 
doilea. 

Unul dintre scopurile majore urmărit de un sit de conţinut este cel de a capta 
atenţia unui număr cât mai larg de vizitatori, ceea ce conduce la un trafic accentuat şi 
la posibilitatea de câştig prin expunerea unui număr cât mai mare de afişe publicitare 
ale unor situri comerciale sau prin racolarea de clienţi. 

Obiectivele principale ale unui sit de conţinut pot fi: 


e A fi lider în domeniul de specializare a sitului. Dacă nu ne propunem să fim 
primii, nu vom avea şansa să ocupăm nici măcar locul secund. Ca şi în jocul 
de şah, trebuie să reținem că iniţiativa poate asigura victoria, iar iniţiativa, de 
cele mai multe ori, aparţine liderului. 

o Situl trebuie să acopere toate nivelurile calitative ale domeniului său de 
specializare. Deşi trebuie să se acorde prioritate informaţiilor de nivel mediu, 
accesibile marelui public (care, de altfel, generează majoritatea traficului), 
informațiile prețioase, de calitate, din cadrul domeniului trebuie să constituie 
o condiţie sine qua non în privinţa credibilităţii. A | 
Un prim avantaj este acela că audiența va sesiza prezenţa acestui nivel superior 
(chiar dacă nu înţelege şi nu este interesată de aceste informaţii). Al doilea 
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câştig provine din faptul că nivelul superior va determina formarea în timp a 
unei comunităţi a experţilor în domeniu, comunitate care se va asocia sitului 
şi-i va putea face reclamă indirectă, conducând la creşterea valorii acestuia. 

° Situl trebuie să genereze un trafic constant pentru un segmeni de public cât mai 
bine definit. Pentru viitorii posibili cumpărători de spaţiu publicitar în cadrul 
sitului nostru este foarte important să existe un public-ţintă bine definit. 
Indeplinirea acestui obiectiv este dificil de întrevăzut la început. Realizând 
profilul vizitatorilor, putem constata ulterior categoriile principale ale 
audienței, iar designul şi conţinutul sitului pot fi ajustate pe parcurs pentru a 
câştiga noi clienţi. 


Al treilea tip de sit Web îl reprezintă situl de prezentare a unei companii sau 
organizaţii. Unul dintre principalele aspecte de care trebuie să ţinem seama este acela 
că audiența sitului unei organizaţii nu este şi nici nu se doreşte reprezentată exclusiv 
de conducerea acesteia. Siturile focalizate pe descrierea companiei, a misiunii şi 
istoriei acesteia, eventual chiar având fotografia managerului general în prim-plan 
(sau chiar pe prima pagină) nu vor capta atenţia clienţilor firmei, aceştia dorind 
informaţii concrete, utile, Situl Web nu trebuie conceput după dorinţa personalului 
de conducere al organizaţiei, ci conform obiectivelor acesteia şi audienței reale. 

În acelaşi timp, situl nu trebuie să fie o oglindă fidelă a companiei, pentru că 
vizitatorii ocazionali nu sunt interesaţi să deducă structura firmei din modul de 
organizare a sitului. Chiar dacă este mai uşor să se distribuie mai multor 
departamente responsabilităţile interne în ce priveşte dezvoltarea şi întreţinerea 
sitului, scopul principal este asigurarea consistenţei şi orientarea sitului către 
interesele posibililor clienţi. Deseori se dovedeşte necesar ca informația provenită de 
la un singur departament să fie distribuită pe mai multe pagini sau, dimpotrivă, în 
cadrul unei singure pagini să coexiste date referitoare la activitatea mai multor 
departamente. Interesele utilizatorilor sunt cele care dictează organizarea sitului şi 
nu structura internă a companiei. 

Sunt situaţii în care o companie furnizează un mod foarte avantajos de prezentare 
pentru medii de comunicare tradiţionale, dar obţine rezultate slabe în ceea ce 
priveşte prezenţa pe Web. Problema provine din faptul că spaţiul WWW este un 
mediu nou, fără asemănare cu mass-media. Nu se poate crea un sit bun al firmei 
preluând informaţiile şi designul dintr-o broşură sau dintr-un catalog de prezentare, 
chiar dacă acestea s-au bucurat de succes. Web-ul nu trebuie tratat ca mediu de 
importanţă secundară. 

Conţinutul propriu sitului Web al companiei trebuie să aibă în vedere specificul 
comunicării prin Internet. De. regulă, creatorii specializați în transmiterea 
conţinutului de tip linear specific mediilor tradiţionale sunt incapabili să realizeze 
materiale de bună calitate pentru utilizarea pe Web. Este valabilă şi situaţia inversă: 
echipa care produce conţinut destinat publicării pe Web nu va putea lucra la proiecte 
destinate publicării în mass-media tradiţionale. 

La finalul acestei secţiuni trebuie să reținem faptul că siturile dedicate 
intranetului trebuie proiectate şi administrate într-o manieră diferită față de cele care 
se adresează unui public universal. Diferenţa majoră este dată de faptul că o 
companie poate avea un singur intranet, cu un public mult mai puţin eterogen şi 
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mult mai predicuibil decât cel al spaţiului WWW. Organizațiile utilizează de obicei 
intranetul pentru a mări productivitatea muncii şi pentru a economisi timpul 
angajaţilor. În nici un caz în astfel de situri nu vom include reclame, de exemplu. 


5.2.2 Aspecte generale ale proiectării interfeţei Web 


Utilizatorii spaţiului Web nu sunt doar în căutare de informaţii, ci interacționează 
cu ele într-o manieră deosebită, fără precedent în designul documentelor scrise, 
Interfața grafică cu utilizatorul a unui sistem computerizat include metafore de 
interacţiune, imagini şi concepte folosite pentru a transmite funcţionalitate şi înţeles 
(semantică) într-un mod vizual. 

Caracteristicile fiecărei componente de interfaţă şi secvențele funcţionale ale 
interacțiunilor cu utilizatorul produc aspectul şi percepţia (look and feel) paginilor 
Web şi relaţiile dintre pagini. Designul grafic nu este folosit numai cu scopul de a 
înviora informaţia, grafica paginilor Web fiind parte integrantă a experienţei 
vizitatorului sitului în cauză, În cazul documentelor interactive este imposibil să se 
separe complet designul grafic de funcţiile designului de interfaţă. 


Design Web versus design clasic 


Multe dintre conceptele curente privind structurarea informaţiei derivă din 
organizarea cărţilor tipărite şi a periodicelor. Sistemele automate de catalogare şi de 
indexare s-au dezvoltat în contextul informaţiei tipărite. Standardele de interfaţă cu 
cititorul ale tipăriturilor sunt bine stabilite şi respectate, instrucţiuni detaliate pentru 
crearea cărţilor putând fi găsite în diverse ghiduri de tehnoredactare computerizată 
(desktop publishing). Fiecare caracteristică a cărţii, începând de la cuprins până la 
indexul final sau notele de subsol, a evoluat de-a lungul secolelor, iar cititorii 
primelor cărţi tipărite au întâmpinat unele dintre aceleaşi probleme de organizare cu 
care se confruntă utilizatorii de documente hipermedia de astăzi. Biblia lui 
Gutenberg din 1456 este adesea citată drept primă carte modernă, dar au trebuit să se 
scurgă mai mult de o sută de ani pentru a se utiliza curent numerotarea paginilor, 
indexarea sau cuprinsul - caracteristici obişnuite ale cărţilor actuale. 

Similar, documentele Web trebuie să evolueze, iar proiectanţii lor trebuie să 
urmeze diverse standarde privind organizarea şi prezentarea informaţiilor în formă 
electronică. 

Trebuie însă ţinut cont de faptul că, deşi documentele hipermedia interactive 
ridică noi provocări pentru designerii de informaţie, o mare parte din cunoştinţele 
necesare în vederea proiectării, generării, asamblării, editării şi organizării 
multiplelor forme de medii de comunicare nu sunt foarte diferite de cele folosite 
curent în cadrul mediilor tipărite. Multe dintre documentele Web trebuie să fie 
conforme convențiilor utilizate de tehnoredactorii de materiale tipărite, în ceea de 
priveşte stilul editorial şi organizarea textului. O mare parte din ceea ce trebuie să 
cunoască o organizaţie despre crearea de standarde de publicare internă - clare, 
cuprinzătoare şi consistente - este deja disponibilă în ghiduri precum cel redactat de 
Xerox. 
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Cine, ce, când şi unde... 


Dacă din punct de vedere tehnic am văzut cum putem utiliza marcatorii HTML în 
realizarea unei pagini, în cadrul acestui capitol vom încerca să detaliem diferite 
puncte de vedere legate de stilul şi designul Web. 

Chiar dacă deseori structurile hipertext urmăresc metafora cărţii tipărite, paginile 
Web sunt diferite de cărţi şi de alte documente tipărite prin faptul că legăturile 
dintre diferite noduri permit utilizatorilor accesarea directă a unei pagini individuale 
din grupul de documente care formează o anumită structură hipertext (locală). 
Astfel, paginile Web sunt mai independente decât corespondentele lor compunând o 
carte convenţională. De obicei aceasta înseamnă că anteturile şi subsolurile paginilor 
Web conţin mai multe informaţii şi sunt mai elaborate decât paginile tipărite (de 
exemplu, pot conţine legături de navigare spre alte documente). Ar fi absurd să 
repetăm prevederile legate de drepturile de autor, numele autorului şi data creării în 
subsolul fiecărei pagini a unei cărţi tipărite. Prin contrast, paginile Web individuale 
necesită prezenţa unor astfel de informaţii deoarece o anumită pagină Web a unui sit 
poate fi singura parcursă de o mare parte a vizitatorilor acelui sit. Această situaţie 
este o Caracteristică şi pentru ziare sau reviste, majoritatea publicaţiilor de acest gen 
repetând data, volumul şi numărul în antetul ori subsolul fiecărei pagini tipărite 
pentru că cititorii extrag adesea fragmente din ziar, păstrând doar paginile articolelor 
care le-au captat atenţia sau fotocopiază pagini din jurnale şi au nevoie de informaţii 
referitoare la sursa originală a articolului în vederea alcătuirii de referinţe 
bibliografice, de exemplu. 

Aceste potenţiale dificultăţi în proiectarea siturilor Web - uşor de folosit, dar şi 


conţinând informaţii structurate în manieră complexă + conduc la observaţia că o! 


strategie care trebuie urmată este aceea de a aplica în mod. consistent în fiecare pagină 
creată o serie din principiile de design specifice documentelor tipărite. Elementele de 
bază ale structurării unui document nu sunt complicate şi aproape nu au nici o 
legătură cu tehnologiile Web. Trebuie să privim acest proces conform unor principii 
similare celor specificate de un curs de la şcoala de jurnalism, răspunzând la 
întrebările: cine?, ce, când? şi unde? 


e . Cine? Utilizatorul trebuie să cunoască sursa de informaţie dintr-o pagină Web. 
Întrebarea Cine vorbeşte? este firească. Autorii documentelor Web trec uşor 
peste cea mai importantă parte a informaţiei de care un cititor are nevoie 
pentru a-şi da seama de proveniența unui document: Cine îmi spune toate 
acestea mie? 

Indiferent dacă pagina aparţine unui sit personal sau unei instituţii, trebuie 
să-i oferim cititorului posibilitatea de a afla imediat cine a creat acea pagină 
Web (i.e. „Autorul acestei pagini este X, actualmente documentul fiind 
întreţinut de Y”). 

Avalanşa de situri Web propagând informaţii incorecte sau intenţionat 
incomplete oferă un exemplu grăitor despre modul în care „informaţia” cu 
origine necunoscută poate domina repede realitatea. 

e Ce? Toate documentele au nevoie de titluri clare pentru a capta atenţia 
cititorului. Din diverse motive specifice Web-ului, acest element de bază al 
editării devine crucial. Titlul documentului este adesea primul element pe care 
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navigatoarele Web il procesează în timp ce pagina este încărcată. În cazul 
paginilor cu multă informaţie grafică, titlul poate fi unicul element pe care 
utilizatorii îl văd în timpul (îndelungat, de multe ori) cât fişierele grafice se 
încarcă. Aceeaşi observaţie şi în cazul paginilor realizate exclusiv în Flash. 
În plus, titlul paginii va deveni textul „semnului de carte” (bookmark) al 
navigatorului dacă utilizatorul decide să adauge pagina la lista de adrese 
favorite. | 
Un titlu stabilit greşit sau ambiguu ori un titlu conţinând un jargon tehnic nu 
vor ajuta vizitatorii să-şi amintească de ce au pus „semn de carte” paginii în 
cauză. 
Reamintim faptul că titlul unei pagini este specificat de elementul HTML 
title. Multe editoare HTML stabilesc implicit titluri de genul „Newpage” 
sau „Untitled document”. Prezenţa pe Web a unor astfel de pagini este 
inacceptabilă. 

e Când? Timpul este un element important în evaluarea valabilităţii unui 
document. Ziarele, revistele şi teoretic toată corespondenţa de birou au 
înscrisă data redactării sau apariţiei. Aşadar, trebuie ca în subsolul paginilor să 
fie inserată data ultimei modificări a documentului respectiv. Această 
informaţie temporală trebuie ajustată la fiecare actualizare a documentului. 
Acest aspect este important în special în cazul documentelor on-line complexe 
sau de dimensiuni mari, care sunt actualizate regulat, dar înfăţişarea lor nu se 

- schimbă într-un mod care să semnaleze cititorilor ocazionali o modificare în 

cadrul conținutului. Manualele destinate personalului organizației, 
informațiile despre produsele oferite de un sit comercial, documentele tehnice 
disponibile în format hipertext ar trebui să includă întotdeauna data ultimei 
revizuiri. 
În plus, data ultimei actualizări poate indica vizitatorului dacă un anumit sit 
mai este întreţinut sau nu. Paginile conţinând textul „Ultima actualizare: 10 iu- 
lie 1997” în mod clar nu au mai fost reactualizate şi deci conţinutul lor ar 
putea fi, probabil, perimat. Atenţionăm proiectanţii de pagini Web că nici 
situaţia de a data un anumit document în viitor nu este de dorit. Credibilitatea 
sitului va avea de suferit dacă se stipulează că a fost creat în anul 2033. 

e Unde? Web-ul este un „tărâm” curios şi excentric care are dimensiuni 
informaţionale imense, dar oferă prea puţine indicii explicite despre 
localizarea fizică a unui document. Dacă nu ştim să interpretăm URL-urile, 
este dificil să indicăm originea unei pagini. Mai mult, un sit poate fi găzduit 
oriunde, de multe ori un domeniu . ro fiind în fapt localizat peste hotare din 
motive de viteză a conexiunii Internet. 

Întrebarea De unde provine un document? se află uneori în strânsă legătură cu 
întrebarea Cine este autorul documentului. Întotdeauna trebuie indicate 
cititorului apartenenţa şi afilierea autorului paginii (localizarea fizică, 
instituţia, adresa). Incorporând în fiecare pagină Web legătura către pagina 
principală a sitului, vizitatorul va putea uşor să-şi dea seama de originea acelei 
pagini. Există însă şi posibilitatea ca, în cazul în care cititorul a salvat pagina 
ca fişier text sau a tipărit-o, legătura spre pagina principală a sitului să se 
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piardă. Deşi navigatoarele Web actuale permit includerea automată a 
URL-ului paginii la momentul tipăririi, această facilitate! nu este folosită de 
toţi utilizatorii. Majoritatea posedă o mulţime de pagini Web tipărite, dar 
locaţiile Web de provenienţă ale acestor documente nu sunt uşor de regăsit. 

În concluzie, trebuie acordată atenţie sporită precizării titlului, autorului, 
Organizaţiei din care face parte autorul şi datei ultimei actualizări a 
informaţiei. De asemenea, trebuie furnizată o legătură spre pagina principală a 
sitului din fiecare pagină componentă. Incluzând aceste elemente de bază, se 
va construi o interfaţă Web uşor de înţeles şi de exploatat. 


Designul de bază al unei pagini Web 


Una dintre regulile în conceperea unei interfeţe utilizator pentru un produs software 
este următoarea: O interfaţă utilizator este bine scrisă atunci când programul se 
comportă exact aşa cum se aşteaptă utilizatorii săi. 

Această regulă trebuie avută în vedere şi la conceperea siturilor Web. 

Procesul de design poate fi direcționat fie spre scop, fie spre utilizator. În cazul 
proiectării dirijate de scop (rask-centered interface design), primează scopurile 
producătorului (ofertantului) informaţiei şi nu cele ale consumatorului 
(utilizatorului). Atenţia este focalizată spre tehnologie şi uşurinţa implementării, nu 
spre eficienţa utilizatorului, neluându-se în calcul ergonomia acţiunilor acestuia. În 
ceea ce priveşte proiectarea dirijată de utilizator (user-centered interface design), 
interfaţa trebuie să mulţumească, să menajeze. şi să ajute utilizatorul. Designul 
trebuie să se realizeze având în vedere cerinţele utilizatorului, nu cele ale autorului 
sitului. 

Aşadar, în conceperea de situri Web trebuie să adoptăm un design orientat spre 
utilizator. Cum interfețele utilizator grafice (precum Windows) au fost proiectate să 
ofere utilizatorilor un acces direct, dar facil, la propriile calculatoare, utilizatorii 
aşteaptă acelaşi nivel sofisticat dar sugestiv al designului şi în cazul paginilor Web. 
Scopul principal este cel de a satisface nevoile tuturor utilizatorilor potenţiali, 
adaptând tehnologia Web aşteptărilor lor. Nu trebuie cerut cititorului unui 
document Web să se conformeze, pur şi simplu, unei interfeţe care pune obstacole în 
realizarea scopurilor sale. 

Cercetările prealabile privitoare la nevoile publicului căruia i se adresează un 
anumit sit sunt importante. Este imposibil să se proiecteze un sit având drept 
utilizator o persoană necunoscută, ale cărei nevoi nu sunt a priori cunoscute. Una 
dintre soluţii este crearea de scenarii în care să evolueze diferite tipuri de utilizatori 
căutând diverse informaţii pe situl proiectat. Trebuie să fim pregătiţi să răspundem 
la întrebări precum: 


e Un utilizator experimentat care doreşte să acceseze o anumită informaţie va fi 
ajutat sau împiedicat în acţiunea sa de designul paginii? 
e Un vizitator novice va fi intimidat de un meniu complex bazat pe informaţii 
de tip text? 
Testarea designului realizat şi efectuarea de sondaje asupra preferințelor 
utilizatorilor sunt cele mai bune metode de a ne da seama dacă proiectarea efectuată 
oferă utilizatorilor ceea ce doresc ei de la situl nostru. 


mid ep tn n TR pin arana 


um para aa mal pa 


Proiectarea unui sit Web 179 


a e iu a ni Mt Id 


Evident, proiectarea unui sit de divertisment destinat adolescenților nu va fi 
aceeaşi cu cea a unui sit informativ dedicat specialiştilor în istorie medievală. 

Pentru a asigura un design orientat spre utilizator, va trebui să luăm în 
consideraţie posibilităţile de navigare prin sit, accesul direct şi rapid la informaţii, 
asigurarea simplităţii şi consistenţei, stabilitatea designului, crearea unui conţinut 
accesibil, Aceste subiecte vor fi dezvoltate în continuare. 


Navigarea prin sit 


Cea mai importantă problemă de interfaţă în cazul siturilor Web este absenţa 
orientării în cadrul organizării locale a informaţiei din acel sit. Pictogramele clare, 
consistente, o privire de ansamblu asupra sitului şi o pagină de cuprins pot da 
utilizatorilor încrederea că au posibilitatea de a găsi informaţiile dorite într-un mod 
eficient. 

Utilizatorii trebuie să aibă intotdeauna posibilitatea de a se întoarce cu uşurinţă la 
pagina de start şi la oricare alte puncte importante de navigare prezente în cadrul 
sitului. Aceste legături fundamentale, care ar trebui să fie prezente în fiecare pagină a 
sitului, sunt butoane grafice sau ancore text, furnizând legături de navigare de bază şi 
dând certitudinea utilizatorului că se află în continuare în domeniul sitului nostru. 


E me eine nnen: RANITE meet 


e patuious ROME a | 
: Tricks with Tables BOOK INDEX, Creating New Windows 


a eat ERE E EEE E Ec 


3 


BTML | CGI PROGRAMMING | JAVASCRIPT | PROGRAMBING PERL | WEBMASTER IN A NUTSRELL 


Legături de navigare prezente în fiecare pagină a unui manual electronic 
disponibil pe situl editurii O'Reilly 


Bara cuprinzând legăturile de navigare trebuie să fie folositoare (să cuprindă 
opţiuni care să nu ocupe loc prea mult în pagină), predictibilă (întotdeauna trebuie 
localizată similar, în cadrul fiecărei pagini) şi să furnizeze o identitate grafică sau 
textuală consistentă fiecărei pagini a sitului. 

O altă sursă de confuzie pentru utilizator o constituie lipsa legăturilor dintr-o 
pagină. Fiecare document Web trebuie să includă măcar o legătură. Paginile fără 
legături către alte pagini localizate pe acelaşi sit nu numai că sunt frustrante, dar 
reprezintă o oportunitate irosită de a aduce vizitatori pentru alte pagini ale sitului. 

Cititorii pot urma legăturile direct către paginile unei subsecţiuni, adânciţi în 
structura hipertext a siturilor Web. Este posibil ca aceştia să nu acceseze niciodată 
pagina de start sau altă informaţie de prezentare a unui sit, navigarea pornind de la 
un document particular al sitului. Dacă paginile subsecţiunilor nu conţin legături 
spre nivelurile superioare ale ierarhiei de pagini sau spre pagina de start, vizitatorul 
nu mai poate accesa restul sitului şi ajunge aşadar într-o „fundătură” Web. 
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Contextul 


O interfaţă Web bună trebuie să ţină cont de context, vizitatorii trebuind să fie 
conştienţi de poziţia lor în cadrul organizării informaţiilor de pe sit. În cazul 
documentelor tipărite, contextul este dat de o combinaţie de indicii organizaționale 
şi grafice puse la dispoziţie de designul grafic al publicaţiei şi de faptul că acel 
document (carte, revistă, raport tehnic) este perceput ca obiect fizic. 

Prin contrast, documentele electronice nu furnizează nici un indiciu fizic pe care 
să-l luăm în consideraţie atunci când apreciem informaţia oferită — altfel spus, nu 
sunt palpabile. Într-o pagină Web, atunci când vizitatorul are posibilitatea de a urma 
o legătură hipertext nu poate cunoaşte cu certitudine unde va fi condus, câtă 
relevanţă va avea pentru el informaţia disponibilă la celălalt capăt al legăturii şi în ce 
mod informaţia spre care este condus se raportează la pagina curentă. Aşadar, 
proiectantul Web trebuie să furnizeze un anumit context al navigării. 

O altă situaţie, uneori frustantă, este aceea în care unele pagini Web nu sunt 
afişate în totalitate la o rezoluţie comună de 800x600, astfel încât va exista 
întotdeauna o parte a documentului pe care utilizatorul nu o poate vedea. Mai mult, 
paginile Web trebuie să ofere utilizatorilor indicii privind contextul şi organizarea 
informaţiilor, deoarece doar un anumit fragment dintr-un sit (chiar mai puţin din 
conţinutul unui document) este parcurs la un moment dat de un anumit vizitator. 
Utilizatorul poate astfel să nu fie capabil să-şi facă o imagine de ansamblu asupra 
informaţiilor disponibile pe un sit Web. Acest aspect: devine foarte important în 
cazul siturilor informative sau de comerţ electronic. 


Ecranul utilizatorului 


Utilizatorul nu are acces la întreaga informaţie disponibilă pe un sit 


Schimbările radicale în context pe care le pot genera hiperlegăturile pot uşor să-i 
încurce pe utilizatorii novici, care au nevoie de indicii organizaționale şi de elemente 
de interfaţă pentru a urmări şi a înţelege legăturile hipertext de la o pagină Web către 
alta, | 

Asigurarea contextului se poate realiza prin intermediul unei structuri hipertext 
liniare (a se vedea secţiunea 1.2.3 a primului capitol) ataşate paginilor dintr-un 
fragment de sit. Legăturile „Inainte” şi „Înapoi” sunt foarte utile pentru a menţine 
utilizatorul în contextul informaţiilor pe care le parcurge. Acest aspect trebuie luat 
în calcul mai ales atunci când dorim ca utilizatorii să urmărească (sau cel puţin să 
recunoască) o secvenţă ordonată de documente. , 

O posibilă sursă de confuzie este cea produsă de butoanele „Înainte? (Forward) şi 
„Înapoi? (Back) din bara de navigare a browser-ului Web, mai ales în situaţia în care 
dintr-o pagină a unui sit utilizatorul urmează o legătură spre documente aparţinând 


o retele come a at aia i a 
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altui sit, În cadrul paginii Web este indicat să includem butoane de navigare de genul 
„Pagina următoare” şi „Pagina precedentă” pentru a înlătura ambiguităţile. 

În orice situaţie, vizitatorul trebuie să aibă acces la uneltele de navigare pentru a 
parcurge informaţiile de pe sit în ordinea pe care am stabilit-o. 


Accesul direct şi rapid 


În ceea ce priveşte categoria utilizatorilor experţi sau grăbiţi, scopul principal este de 
a le furniza informaţia de care au nevoie cât mai repede. Aceasta înseamnă că trebuie 
concepută o ierarhie eficientă a informaţiei, pentru a minimiza numărul paşilor de 
parcurgere a meniurilor de legături ale paginilor. Studiile privind interfețele Web au 
arătat că utilizatorii preferă meniuri care prezintă un minim de cinci până la şapte 
legături. De asemenea, vizitatorii preferă o serie de pagini relativ dense incluzând 
liste de opţiuni în locul mai multor pagini oferind meniuri simplificate. 


Renunţă total 


Cere ajutor 
altei persoane 


Accesează 
serviciul clienţi 


Caută iegături 
spre alte situri 


Schimbă situi 


Reacţia vizitatorilor la situația de a da prea multe click-uri 
pentru a accesa informaţia dorită s 


Pentru ca utilizatorii să aibă acces la informațiile dorite, trebuie ca încărcarea 
documentelor să se realizeze rapid. Utilizatorii nu suportă întârzieri prea lungi. 
Cercetările au arătat că pentru majoritatea activităților executate pe calculator, 
pragul de frustrare a utilizatorului este de aproximativ 10 secunde. 

Proiectele de pagini Web care nu sum bine „reglate” pentru viteza de acces la 
rețea a utilizatorilor tipici pur şi simplu îi vor frustra, Vizitatorii navigând pe Web 
via linia telefonică nu vor avea răbdare să parcurgă, de exemplu, pagini incluzând 
imagini de dimensiuni mari. Pentru realizarea unui sit intranet destinat unei 
universităţi sau unei companii, unde majoritatea utilizatorilor vor accesa serverul 
Web la viteza unei reţele locale, se va putea folosi mai mult conţinut grafic sau 
multimedia. 
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Asigurarea simplităţii şi consistenţei 


Utilizatorii nu sunt impresionați de complexitatea gratuită a sitului, în special cei 
care doresc de la situl vizitat informaţii clare şi actuale. Fiecare vizitator are anumite 
modele vizuale, procesarea vizuală a informaţiilor bazându-se pe capacitatea minţii 
de a clasifica formele (pattern-urile). 

Fiecare obiect de interfaţă (e.g.: butoanele, sigla organizaţiei) are asociat un 
simbol. Oriunde este reprezentat într-o pagină Web obiectul în cauză trebuie folosit 
simbolul care îl reprezintă. Pentru a fi eficientă, interfaţa trebuie să posede un număr 
redus de simboluri, restrângându-se pe cât posibil la minim vocabularul de 
interacţiune cu utilizatorul. 

Proiectarea unei interfețe Web în care modelul mental al designerului să fie 
acelaşi cu cel al utilizatorului nu este deloc uşoară. Utilizatorul poate să nu aibă 
aşteptări concrete asupra modului în care interacționează cu situl. 

Trebuie astfel găsită o metodă de a oferi utilizatorului informaţii despre 
funcţionalitatea unei componente a sitului (e.g.: coşul de cumpărături prezent într-un 
magazin electronic). Cel mai des întâlnit mod de a realiza aceasta este metafora. 

Metaforele de interfaţă care vor fi folosite trebuie să se dovedească simple, 
familiare şi logice. O metaforă rău aleasă se dovedeşte periculoasă şi mai ineficientă 
decât dacă ar fi lipsit complet. De exemplu, dacă intenţionăm să utilizăm o metaforă 
pentru acţiunea de a transmite informaţii, vom putea alege simbolul unei cărţi şi nu 
al unui elefant. 

Cel mai bun design pentru a prezenta informaţiile este cel pe care majoritatea 
utilizatorilor nu îl observă. Nu contează caracterul (grafic sau textual) al interfeţei 
Web, ci uşurinţa interacțiunii cu vizitatotul. 

Un alt pericol este să se adopte o metaforă globală pentru întregul sit, în situaţia 
când acest lucru nu este posibil. 

Un excelent model de design Web este cel al sitului companiei Adobe ~- 
www.adobe.com. Paginile utilizează imaginile drept instrumente de navigare, 
aplicate consistent pretutindeni. Dacă reținem localizarea legăturilor standard de 
navigare prezente în antetul paginii, interfaţa devine aproape invizibilă şi navigarea 
se desfăşoară foarte uşor, 

Pentru lizibilitate şi funcționalitate maximă, designul paginii şi al sitului trebuie 
să fie construit după un model consistent de unităţi modulare, toate conforme 
aceluiaşi plan de bază, recurgând la aceleaşi teme grafice, convenţii editoriale şi 
ierarhii de organizare. Scopul este să fim consistenţi şi predicuibili, astfel încât 
utilizatorii să exploreze confortabil situl, încrezători că deţin controlul navigării. 
Identitatea grafică a unor serii de pagini din situl Web furnizează indicaţii vizuale cu 
privire la continuitatea informaţiei. Este ceea ce Alan Cooper numea „asigurarea 
orchestraţiei”, adică fluxul de operare în cadrul unei interfeţe. 

Grafica din antetul prezent pe fiecare pagină a sitului creează o interfaţă 
consistentă şi o identitate de necontenstat a organizaţiei. 
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Antetul consistent prezent în fiecare pagină a sitului Ro WD 
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Chiar dacă paginile nu utilizează elemente grafice, o abordare consistentă a 
înfăţişării titlurilor, subtitlurilor, a subsolurilor de pagină şi a legăturilor spre pagina 
de start sau către alte pagini va întări de asemenea simţul de orientare pe sit. Aceasta 
presupune consistenţa corpurilor de literă, consistenţa cromatică şi consistenţa 
poziționării elementelor de interfaţă. 

Pentru a păstra caracterul consistent al sitului, informaţiile provenind din alte 
surse (ie. documente sau imagini copiate de pe alte situri) vor fi prelucrate din 
punctul de vedere al designului utilizat de noi. Desigur, va trebui să ţinem seama de 
restricţiile privind drepturile de autor pentru copierea de informaţii în vederea 
includerii lor în situl nostru. 


Stabilitatea designului 


Pentru a convinge utilizatorii că informaţiile disponibile pe Web sunt de încredere şi 
clar prezentate, proiectarea sitului Web se va realiza cu aceeaşi atenţie cu care s-ar 
realiza orice alt tip de document informativ al firmei, folosindu-se aceleaşi standarde 
de editare şi de design ireproşabil. Un sit neglijent construit, având un design vizual 
slab, nu va inspira încredere vizitatorilor, mai ales în domenii precum. comerţul 
electronic. 

„ Stabilitatea funcţională în designul Web înseamnă asigurarea funcţionării 
elementelor interactive ale sitului în vederea exploatării eficiente a acestuia. 
Stabilitatea funcţională presupune două componente: 


e realizarea optimă a sitului chiar de la prima versiune a acestuia, din momentul 
construirii şi implementării; 
e menţinerea unei bune funcţionări a sitului de-a lungul existenţei sale. 


De multe ori, o proiectare iniţială prezentând carenţe va conduce, ulterior, la 
întreţinerea anevoioasă sau chiar imposibilă a sitului. 

Siturile Web'de calitate sunt implicit interactive, dinamice, incluzând legături 
multiple către paginile locale din interiorul sitului sau spre alte situri Web externe. 
Pe măsură ce proiectăm situl, va trebui să verificăm regulat validitatea legăturilor. 
Desigur, şi după darea în exploatare, această acţiune de verificare a legăturilor va 
trebui realizată periodic. De asemenea, va trebui verificat şi conţinutul paginilor 
indicate de legături, pentru a vedea dacă mai este relevant nevoilor noastre. 


Asigurarea accesibilităţii 


Nu toţi utilizatorii sitului vor putea profita de posibila bogăţie grafică oferită de 
paginile Web. Unii vizitatori ar putea parcurge situl folosind un navigator text 
(precum Lynx sau Links din mediile Linux) sau ar putea avea diverse handicapuri 
fizice. Un mare avantaj al limbajului HTML este abilitatea de a oferi mesaje 
alternative fiecărui obiect multimedia - de exemplu, atributul alt pentru <img>, 
summary pentru tabele ori title pentru majoritatea marcatorilor. Utilizatorii care 
nu au posibilitatea vizualizării grafice a conţinutului sitului vor putea aşadar înţelege 
funcţionalitatea elementelor grafice/multimedia din paginile noastre. Folosind 
navigatoare Web audio, utilizatorii nevăzători pot auzi (prin intermediul vorbirii 
sintetizate) mesajele alternative furnizate, asfel încât nu vor pierde în totalitate 
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conţinutul imaginilor şi al butoanelor grafice de navigare. Dacă vom folosi sisteme 
de meniuri grafice pentru navigare, meniurile alternative bazate pe text vor oferi un 
ajutor important acestei categorii speciale de utilizatori. A 

De menţionat faptul că în cadrul Consorţiului Web a fost constituit un grup de 
interes în ceea ce priveşte accesibilitatea Web - Web Accessibility Initiative (WAD. 


Contactul cu utilizatorii 


După cum am menţionat mai sus, designul Web ar trebui să ofere un suport 
consistent - funcţional şi vizual - nevoilor de navigare ale utilizatorilor, prin 
intermediul designului grafic, butoanelor de navigare sau al legăturilor hipertext 
plasate în mod uniform. Trebuie să fim însă pregătiţi să răspundem întrebărilor şi 
comentariilor utilizatorilor. Siturile Web proiectate judicios trebuie întotdeauna să 
includă legături directe către situl editorului sau al companiei de design Web 
(webmaster-ului) care are în responsabilitate administrarea sitului. Păstrarea 
permanentă a legăturii cu utilizatorii este vitală pentru succesul pe termen lung al 
organizaţiei. Astfel, o legătură „Contact” - oferind posibilitatea de a trimite măcar 
prin poşta electronică un mesaj din partea vizitatorului — este obligatorie. 

Unele situri, mai ales cele personale, încurajează utilizatorii să-şi noteze 
impresiile în aşa-numitele cărți de oaspeţi (guestbooks), similare celor fizice. Acestea 
permit şi răsfoirea impresiilor altor vizitatori. Administratorul sitului trebuie însă să 
examineze regulat conținutul unei asemenea liste. | | 

Ca serviciu on-line pentru includerea pe un sit a unei cărţi de oaspeţi se poate 
menţiona situl www. theguestbook. com. 


a? 


5.2.3 Proiectarea sitului Web 


Înainte de a începe activitatea propriu-zisă de proiectare trebuie să ţinem cont de 
faptul că există motive organizaționale fundamentale pentru a împărți o cantitate 
mare de informaţii - indiferent dacă acestea sunt prezentate pe pagini tipărite sau pe 
un sit Web. Creierul uman prezintă limitări în ceea ce priveşte memorarea şi 
reamintirea unor informaţii. Specialiştii care studiază psihologia cognitivă cunosc de 
multă vreme că majoritatea oamenilor pot reţine în jur de şapte părţi distincte de 
informaţie în memoria de scurtă durată. Scopul majorităţii schemelor 
organizaționale este cel de a menţine minim numărul variabilelor locale pe care 
cititorul trebuie să le păstreze cu uşurinţă în memoria de scurtă durată. Astfel se 
folosesc diverse combinaţii de design grafic şi şabloane ale aranjamentului 
(ayout-ului) informaţiei. Pe un sit, vizitatorii trebuie să aibă acces la părţi discrete de 
informaţie, disponibile în cantităţi uşor de reţinut. Modul în care oamenii caută şi 
folosesc informaţiile sugerează de asemenea faptul că unităţile de informaţie mici, 
distincte, se dovedesc mai funcţionale şi mai facil de parcurs decât cele nediferenţiate, 
de dimensiuni apreciabile. 


Organizarea informaţiilor 


Rareori utilizatorii citesc pasaje lungi şi contigue de text de pe ecranele 
calculatoarelor şi majoritatea oamenilor care caută o anumită informaţie vor avea 
dificultăţi în localizarea datelor dorite dacă vor trebui să parcurgă blocuri lungi de 
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text pentru a găsi ceea ce caută. Fragmentând informaţia dorită a fi prezentată pe 
Web în părţi de dimensiuni reduse, vom organiza mult mai uşor datele în unităţi 
modulare respectând aceeaşi schemă de organizare consistentă care poate forma baza 
legăturilor hipertext din cadrul sitului. 

Dimensiunea unui fragment de informaţie poate fi determinată doar în contextul 
prezentării datelor şi în funcţie de ceea ce se aşteaptă de la audienţă. De exemplu, în 
cazul unui manual electronic sau al unor articole tehnice disponibile pe Web, ne 
aşteptăm ca majoritatea utilizatorilor să listeze la imprimantă conţinutul şi apoi să-l 
parcurgă de pe hârtie, în manieră offline. Acest lucru determină împărţirea 
manualului în unităţi logice, paginile Web rezultate fiind grupate în funcţie de 
tematicile abordate. 

Astfel, ierarhia de module informaţionale dintr-un sit poate fi văzută ca o colecţie 
structurată de pagini Web, conform unei clasificări stabilite de proiectant. Situl Web 
nu va funcţiona conform aşteptărilor şi deci nu va capta interesul utilizatorilor dacă 
nu va avea o bază solidă din punct de vedere organizaţional şi logic; aceasta în pofida 
faptului că ar putea cuprinde informaţii clare, judicios redactate. 

Cele patru etape de bază în organizarea informaţiei de pe sit sunt următoarele: 

1. divizarea informaţiilor în unităţi logice, ; 

2. stabilirea unei ierarhii a modulelor de date în funcţie de importanţă şi de 
generalitate, 
utilizarea acestei ierarhii pentru a crea relaţii între unităţile logice, 
analizarea rezultatului din punct de vedere estetic şi funcţional. 


m pa w 


n continuare vom discuta în detaliu fiecare dintre aceste etape.. 


pà 


Divizarea informației. Majoritatea informațiilor disponibile în spațiul 
World-Wide Web constau în scurte documente care sunt citite în manieră 
nesecvenţială. Acest aspect este cu precădere pus în evidenţă în cazul siturilor 
educaţionale, ale companiilor sau cele guvernamentale, folosite pentru a 
distribui informaţii care iniţial au fost tipărite pe hârtie. 

Autorii de documentaţii tehnice au descoperit înainte de inventarea Web-ului 

că utilizatorii apreciază unităţile mici de informaţie, care pot fi parcurse şi 

localizate cu rapiditate. Un exemplu este manualul electronic pus la dispoziţie 
via comanda man de oricare sistem Unix. 

Această organizare în unităţi scurte de informaţie, structurate uniform, 

trebuie să fie folosită şi în cazul spaţiului WWW din următoarele motive: 

* puţini utilizatori ai Web-ului petrec o perioadă îndelungată de timp pentru 
a parcurge pasaje lungi de text: citit pe monitorul calculatorului, 
majoritatea vor salva documentele lungi pe discul local sau le vor tipări; 

e unităţile distincte de informaţie conduc ele însele către alte legături Web, 
Uulizatorul care urmează o legătură hipertext se aşteaptă de cele mai 
multe ori să găsească un fragment din informaţia căutată şi nu o carte pe 
care să o parcurgă în întregime. Pe de altă parte, informaţiile nu trebuie 
divizate prea mult, deoarece acest aspect ar cauza greutăţi în aprofundarea 
materialului. Una până la trei pagini de inforn-aţie (listată) sunt suficiente 
pentru o unitate distinctă de informaţie pe Web, O legătură care conduce 
doar către un paragraf scurt este total nepotrivită în majoritatea situaţiilor; 
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e un format uniform de organizare şi de prezentare a informaţiilor va 
permite utilizatorilor să-şi folosească experienţa de navigare pe care au 
acumulat-o în cadrul sitului şi să-şi dea seama în ce manieră va fi organizată 
o nouă secţiune; 

e unităţile de informaţii concise se potrivesc mai bine pentru vizualizare pe 
monitorul computerului, care oferă posibilităţi limitate de afişare în cazul 
documentelor de dimensiuni apreciabile. Paginile Web foarte lungi 
dezorientează utilizatorul pentru că acesta trebuie să deruleze conţinutul — 
utilizând barele de defilare (scroll) - şi să-şi amintească modul de organizare 
a informaţiilor care au fost deja derulate şi care nu mai sunt disponibile pe 
ecran. 

În concluzie, în cadrul unei unităţi de informaţie trebuie asigurate 
flexibilitatea, consistenţa, logica organizării şi uşurinţa accesării datelor. 
Informaţiile vor fi aşadar organizate şi divizate în funcţie de natura 
conţinutului. Vor putea exista situaţii în care va trebui să stocăm documente 
lungi într-o singură pagină Web, ca unităţi de informaţii integrate. Deşi 
unităţile în care este împărţită informaţia din cadrul documentelor on-line 
trebuie să aibă de obicei dimensiuni mici, uneori va trebui să divizăm 
documentul în fragmente mai mari. Acest lucru va fi efectuat mai ales în 
situaţiile când dorim să oferim utilizatorilor posibilitatea să tipărească sau să 
salveze documentul, într-un singur pas. 

Stabilirea ierarhiei datelor. Orice acţiune de organizare a informaţiilor 

disponibile pe sit are nevoie de asigurarea unei ierarhii a importanţei datelor, 

pentru a determina, de exemplu, structurile de navigare de bază pentru 
vizitatorul acelui sit. Multe „bucăți? de informaţie pot şi trebuie să fie 
ordonate în funcţie de importanţa lor. După ce s-a determinat un set de 
priorităţi logice în prezentarea informaţiilor, se poate construi o ierarhie 
pornind de la conceptele importante sau cele generale şi terminând cu cele 

specifice ori opţionale. Organizările ierarhice sunt în mod teoretic o 

necesitate pe Web pentru că numeroase pagini de start şi scheme de legături 

depind de astfel de ierarhii, plecând de la cea mai generală privire de ansamblu 

a sitului spre submeniuri de legături şi pagini de cuprins care devin din ce în 

ce mai specifice. 

Astfel, paginile Web ale unui sit pot fi grupate în trei categorii: 


a. pagina de start (aşa-numita home page sau front page); 
b. paginile subiectelor principale; 
c. paginile subsidiare. 


Această structură organizaţională formează fundaţia oricărui sit Web. 


Cel mai important aspect îl reprezintă pagina de start care trebuie să ofere 
indexul (sumarul) întregului sit, pentru ca vizitatorii să găsească informaţiile 
dorite cât mai uşor posibil. Putem privi pagina de start drept coperta unei 
reviste de succes care impulsionează cititorii să o cumpere şi să o parcurgă cu 
febrilitate. Adresa paginii de start - URL-ul sitului ~ poate deveni la fel de 
importantă ca adresa străzii pe care locuim sau adresa companiei. 
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Structura generală a unui sit Web 


Partea superioară a paginii de start va constitui primul element pe care 
utilizatorii îl receptează atunci când accesează situl. Acest aspect devine 
extrem de important în cazul-siturilor Web ale corporațiilor. Astfel, prima 
pagină este cea care captează sau alungă vizitatorul, formându-i prima 
impresie despre organizaţia sau compania pe care o reprezintă. Un aspect 
profesional, etic, artistic, plus un conţinut interesant şi corect organizat vor 
determina atragerea vizitatorilor. Din contră, dacă pagina de start este greoaie, 
utilizează fundaluri (imagini,şi/sau sunete) deranjante, se încarcă lent, având 
un conţinut dificil de parcurs sau ofensator, atunci şansele ca un utilizator să 
viziteze ori să se mai întoarcă pe situl respectiv scad foarte mult. 

Un design de calitate al paginii de start este foarte important pentru succesul 
sitului, strategiile proiectării variind, ţinându-se cont de nevoile utilizatorilor 
specifici ai sitului, în funcţie de scopurile estetice şi de natura şi complexitatea 
organizării globale a sitului (vezi infra). 

O pagină de start trebuie să conţină, obligatoriu, informaţii despre: 


e scopul sitului (cine, ce, când, unde şi cum); 
e tipul conținutului oferit; . 
e modalitatea de a parcurge acest conţinut. 


Desigur, conţinutul sitului nu va apărea în întregime pe prima pagină, pentru 
aceasta ne vom folosi de paginile principale, apoi de cele subsidiare. 

Cea mai importantă decizie legată de aspectul paginii de start este legată de 
abundența elementelor grafice. Paginile de start ale firmelor, instituţiilor şi 
unităţilor de învăţământ afişează cel puţin o imagine de dimensiuni modeste 
în partea superioară a documentului. Unele situri comerciale aveau, în urmă 
cu doar câţiva ani, tendinţa de a folosi intensiv grafica emulând. interfaţa şi 
funcţionalitatea CD-ROM-urilor de prezentare multimedia. Grafica/multimedia 
utilizată intensiv poate atrage atenţia utilizatorului, însă paginile se vor 
încărca (mult) mai greu. De reţinut faptul că meniurile grafice de legături 
(compuse din butoane sau pictograme) se încarcă de zece ori mai greu decât 
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cele bazate pe text. Aceeaşi observaţie pentru unele situri realizate exclusiv în 
Flash, de către designeri fără experienţă. 

Opoziția dintre paginile de start atractive, bazate pe elemente grafice statice 
sau animate, dar care necesită timpi mari de încărcare şi cele în care 
predomină textul, încărcându-se rapid, reflectă nevoia de adresare spre diferite 
categorii de utilizatori, fiecare având alte pretenţii. Scopul principal al creării 
multor situri Web este transmiterea de informaţii interne (pentru angajaţii şi 
clienţii existenţi ai unei companii sau pentru studenţii unei facultăţi) sau 
comunicarea cu potenţialii clienţi şi cu vizitatorii ocazionali. Nu acelaşi lucru 
se poate afirma în legătură cu siturile de divertisment, de exemplu, care 
vizează un alt public. - 
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Două pagini de start - multimedia şi text 


Una dintre cele mai bune metode de a satisface cerinţele utilizatorilor 
ocazionali, dar şi pe cele ale utilizatorilor specifici este de a oferi înfăţişări 
alternative ale sitului Web. O abordare ar fi aceea de a realiza o pagină de start 
atractivă vizual, orientată către toţi posibilii vizitatori, însă în acelaşi timp de 
a oferi o pagină de start alternativă, bazată preponderent pe text, favorizând 
accesul rapid la informaţii prin intermediul unor meniuri detaliate. O altă 
soluţie ar fi aceea de a utiliza un antet grafic, urmat de o serie densă de legături 
bazate pe text. : 

Cititorul ar putea întreba: Totuşi, ce trebuie să conţină pagina de start? În 
primul rând, aceasta trebuie să includă sigla (Jogo-ul) organizaţiei care deţine 
situl. Mărimea şi locul siglei reprezintă două elemente deosebit de importante: 
sigla trebuie să fie lizibilă şi trebuie să fie poziționată astfel încât să iasă în 
evidenţă fără ca utilizatorul să . redimensioneze fereastra navigatorului. 


| 
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Dimensiunea siglei nu trebuie să depăşească o zonă de afişare între 200x50 de 
pixeli şi 250x100 de pixeli. Media este de 70x70 de pixeli. Cu excepţia paginii 
de start, în restul paginilor sigla trebuie să includă o legătură către pagina de 
start a sitului. Sigla este poziționată în partea superioară a fiecărui document, 
în general în colțul stânga-sus, deoarece este primul element cu care intră în 
contact vizitatorii la încărcarea paginii. 

În nici un caz vizitatorul sitului nu trebuie să folosească barele de defilare 
orizontală. O soluţie pentru evitarea defilării orizontale este redimensionarea 
automată a paginii în funcţie de rezoluţia monitorului folosit de către 
utilizator (a se vedea discuţia din capitolul 4, în secţiunea dedicată foilor de 
stiluri în cascadă). 

Ordinea informaţiilor disponibile în pagina de start are un rol foarte 
important în înţelegerea structurii sitului. Modul vizual în care sunt 
reprezentate legăturile trebuie să se regăsească - în mod identic - şi în cadrul 
celorlalte pagini ale sitului. 

După ce s-a stabilit care sunt informaţiile cele mai importante menite a fi 
cuprinse în pagina de start, acestea vor fi evidenţiate prin folosirea unor titluri 
sugestive. Aşa cum am mai afirmat, titlurile vagi sau cele conţinând elemente 
de jargon pot conduce la confuzii, de cele mai multe ori vizitatorul părăsind 
situl. 

Se recomandă, de asemenea, ca pagina de start să aibă o înfăţişare puţin 
diferită de restul paginilor pentru ca vizitatorii să o identifice uşor. 

În ceea ce priveşte legăturile spre paginile subiectelor principale, categoriile 
principale ar putea fi - minimal vorbind: 


e firmă de comerţ: Prezentare (scurt istoric), Servicii, Produse comercia- 
lizate, Suport tehnic, Posibilităţi de contact (adresa), Alte legături; 
asociaţie non-profit: Prezentare, Membri, Profil, Inscrieri, Dialog; 
publicaţie: Prezentare, Fragmente de articole, Ultimul număr, Arhiva 
edițiilor precedente, Abonamente, Redacţia, Posibilităţi de colaborare; 

e artist: Biografie, Publicaţii/Discografie/Tablouri, Lansări/Concerte/Verni- 
saje, eventual fragmente din publicaţii/melodii/galerii, Fan Club, Contact; 

è sit personal: Curriculum Vitae, Fotografie, Domenii de interes, Locuri de 
muncă/studiu, Pasiuni, Posibilităţi de contactare. 


Pentru cazul sitului unei firme, nu se recomandă prezenţa unei descrieri a 
acesteia în pagina de start. Descrierea firmei nu reprezintă o informaţie 
importantă pentru public - se estimează că doar 20-30% din numărul total de 
Vizitatori au citit sau au accesat pagini care conţin descrierea firmelor 
deţinătoare de situri Web. Pentru cei mai mulţi utilizatori, cele mai 
importante informaţii sunt cele legate de serviciile sau produsele oferite. Spre 
exemplu, în cazul siturilor mass-media, vizitatorii sunt interesaţi de cele mai 
importante ştiri de presă şi nu de informaţiile referitoare la compania care 
întreţine situl. 

La fel, activităţile pe care le desfăşoară firma trebuie să fie bine definite prin 
utilizarea unor titluri sugestive însoţite de comentarii scurte. În pagina de start 
vor trebui evitate prezentarea integrală a activităţilor exercitate de companie 
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sau aglomerarea a mai mult de 4-5 titluri definind activităţile firmei. Pentru 
descrierea acestor activităţi se recomandă folosirea unor pagini auxiliare pe 
care vizitatorul să le poată accesa prin intermediul unor legături bine definite 
în pagina de start a sitului Web. 

Din punctul de vedere al timpului de încărcare, pagina de start trebuie să 
însumeze o dimensiune medie de 30-40 kilobytes (incluzând toate elementele 
grafice, multimedia, foile de stiluri etc.). Maximul nu trebuie să depăşească 70 
de kilobytes. Conform cunoscutului expert în ergonomia siturilor Web şi a 
interfeţelor utilizator — Jakob Nielsen - ar fi indicat ca pagina de start să se 
încarce în aproximativ 10 secunde. Acest lucru este însă aproape imposibil 
pentru mai bine de 75% dintre cele mai bine realizate situri Web actuale. 


Paginile subiectelor principale sunt acele pagini care au legături pornind de la 
pagina de start şi care oferă subiectele de interes ale sitului Web. Astfel, 
vizitatorul poate parcurge conţinutul care-i captează atenţia şi-l interesează, 


Oricare pagină diferită de cea de start şi de cele ale subiectelor principale o 
vom numi pagină subsidiară. Paginile subsidiare sunt subseturi ale unei pagini 
cu subiect principal care, bineînţeles, nu poate găzdui toate informaţiile 
despre un anumit aspect. Dintr-o pagină subsidiară utilizatorii trebuie obliga- 
toriu să poată reveni la pagina de start şi, eventual, la paginile principale. 


Scout Project to help you "surf smarter". Once a novel concept, there are now many 


"commercial sites available offering more comprehensive and continuously updated 
materials. At the request of our users we will keep Toolkit as an archive, but will no 
flonger continue to update its information. 


Exemplu de pagină subsidiară incluzând o combinaţie de 
legături grafice şi textuale spre alte pagini ale sitului 


3. Realizarea relaţiilor dintre modulele de informaţie. Atunci când sunt con- 


fruntaţi cu un sistem nou şi complex de informaţii hipertext, utilizatorii îşi 
construiesc modele mentale şi apoi folosesc aceste modele pentru a evalua 
relaţiile stabilite între subiectele prezentate sau pentru a anticipa locul unde 
pot găsi informaţii noi. Succesul sitului Web va fi determinat în mare măsură 
şi de proporţia în care sistemul actual de organizare se potriveşte aşteptărilor 
vizitatorilor. O organizare logică va permite utilizatorilor să formuleze cu 
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succes predicții asupra localizării pe sit a informaţiilor dorite. Metodele 
consistente de grupare, ordonare, etichetare şi stabilire a aranjamentului 
informaţiilor, de cele mai multe ori în manieră grafică, dau posibilitatea 
utilizatorilor să-şi folosească experienţa deja acumulată pe parcursul vizitelor 
altor pagini ale sitului şi în cazul paginilor noi, cu care nu sunt încă familiarizați. 

O structură departe de a fi logică, neinteligibilă va conduce la frustrarea 
constantă a vizitatorilor în încercarea de a găsi o cale coerentă de parcurgere a 
informaţiilor înrudite, 


Un model mental confuz asupra relaţiilor dintre paginile sitului 


4. Analiza. După crearea sitului, vor trebui analizate estetica, precum şi utilitatea 


şi eficienţa schemei organizaționale adoptate. Indiferent de structura de 
organizare aleasă, un design corect este mai mult o chestiune de proporţie 
între structura şi relaţia dintre meniurile sau pagina de start şi paginile 
subsidiare. Scopul este de a construi o ierarhie a meniurilor de legături şi a 
paginilor care să pară naturală utilizatorului, fără a provoca nedorite confuzii, 
respectându-se principiile generale de utilizare a siturilor Web. 

Din păcate, siturile tind uneori să se extindă mult şi adesea copleşesc 
vizitatorul, distrugându-se ceea ce iniţial - când situl avea dimensiuni mai 
modeste - a fost o schemă bine realizată de meniuri de legături. Siturile având 
ierarhii superficiale de legături depind de meniuri masive care cu timpul devin 
confuze şi grupează informaţii neînrudite, listate fără o ordine anume. 
Contextul navigării este astfel distrus. 


O structură de navigare superficială 
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O situaţie contrară este cea în care schemele de meniuri de legături sunt prea 
adânci, scufundând informaţiile dedesubtul mai multor niveluri de meniuri, 
Pentru a ajunge la documentul dorit, utilizatorul trebuie să urmeze astfel prea 
multe legături conţinute de meniurile imbricate ale sitului. 


e 


O structură de navigare excesiv de adâncă 


“a 


Meniurile, mai alea cele bazate pe butoane grafice, îşi pierd valoarea dacă 
includ mai mult de patru sau cinci legături. Paginile de meniu bazate pe text 
sau pe liste pot conţine numeroase legături, fără a copleşi însă utilizatorul şi 
fără a-l forţa să deruleze liste lungi. Navigarea prin mai multe niveluri de 
meniuri pentru ca într-un final să se ajungă la conţinutul dorit devine 
enervantă şi nu este deloc recomandabilă. Nu este indicată utilizarea a mai 
mult de două niveluri de meniuri de legături. 

Dacă situl Web creşte în permanenţă ca volum de pagini, proporţia optimă 
dintre meniurile de legături şi paginile având conţinut propriu-zis se schimbă 
continuu. Reacţia utilizatorilor (şi analizarea fişierelor de jurnal pentru 
urmărirea traiectului navigării prin sit) ne pot ajuta să decidem dacă schema de 
meniu utilizată este bună sau prezintă puncte slabe. Structurile complexe de 
documente hipertext presupun ierarhii adânci de meniuri, însă utilizatorii nu 
trebuie obligaţi să parcurgă mai multe pagini cu meniuri, dacă accesul direct 
este posibil. Scopul este de a produce un arbore ierarhic bine proporţionat 
menit a facilita accesul rapid la informaţii şi de a ajuta utilizatorii să înţeleagă 
modul de organizare a sitului. Astfel, structura de navigare trebuie să fie bine 
echilibrată, 
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Organizarea sitului 


Situl trebuie să prezinte vizitatorilor săi o organizare judicioasă, clară. Dacă avem 
doar o vagă idee despre relaţia dintre o secţiune a sitului cu alte zone ale acestuia şi 
dacă nu oferim o expunere cuprinzătoare şi ordonată a informaţiilor, atunci 
utilizatorii vor căuta un material mai bine organizat pe alte situri. 

Există mai multe strategii de organizare în ansamblu a sitului. Le vom discuta în 
-ontinuare pe cele mai importante: 


e Organizarea secvenţială. Cel mai simplu mod de a organiza informaţiile este 
cel secvențial, prezentând o expunere lineară, conform metaforei cărţii 
tipărite. Informaţia care în mod natural „curge” ca o relatare, logic, este ideală 
pentru abordarea secvenţială. Ordonarea secvenţială poate fi realizată: 


- cronologic (e.g.: un jurnal electronic), 

- sub forma unei serii de subiecte pornind de la general către particular (ie. 
un manual on-line), 

- în ordine alfabetică, ca în cazul indexării (e.g.: un glosar). 


Acest mod de organizare simplă se uzitează numai în cazul siturilor de 
dimensiuni reduse sau a listelor structurate ca indecşi. Dacă secvențele 
narative devin mai complexe, atunci ele vor necesita un alt gen de structurare 
pentru a rămâne inteligibile. 

Chiar şi siturile Web mai complexe pot fi organizate secvențial, cu condiţia ca 
fiecare pagină din secvenţa principală să aibă una sau mai multe pagini 
dependente, subsidiare, sau legături către informaţii din alte situri. 

e Organizarea sub formă de caroiaj. Numeroase manuale, liste de cursuri 
universitare sau descrieri de evenimente sunt organizate cel mai bine sub 
formă de caroiaj (grid). 

Caroiajele reprezintă un mod eficient de corelare a mai multor variabile, ca de 
exemplu o dată calendaristică şi o informaţie istorică într-un număr de 
categorii standard, precum „evenimente”, „cultură”, „tehnologie” — a se vedea 
Cronologiile universale Larousse. Pentru a avea succes, unităţile individuale 
dintr-un caroiaj trebuie să împartă o structură perfect uniformă de subiecte şi 
sub-subiecte. Subiectele abordate de obicei nu prezintă o anumită ierarhie a 
importanţei. De exemplu, termenul „programare” nu este mai mult sau mai 
puţin important decât „design”, dar în mod ideal ambele forumuri vor împărţi 
o structură uniformă de subiecte de discuţie în cadrul unui sit oferind servicii 
conversaţionale on-line. Un utilizator va putea astfel urmări în paralel ambele 
discuţii purtate într-o anumită zi. 

Din păcate, structura de tip caroiaj poate fi dificil de înţeles dacă utilizatorul 
nu recunoaşte relaţiile dintre diversele categorii de informaţii şi din acest 
motiv un asemenea mod de organizare a paginilor Web este potrivit pentru o 
audienţă experimentată care are deja formată o imagine asupra subiectului 
discutat şi a organizării acestuia. Hărțile grafice sunt foarte folositoare pentru 
a oferi vizitatorilor o privire de ansamblu asupra tematicilor sitului. 
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dintre unităţile de informaţie. Ironic, modul de organizare de tip pânză de 
păianjen (web) devine adesea un handicap în organizarea siturilor Web, 
deoarece este greu de înţeles şi de intuit de către utilizator. Organizarea în 
reţea se poate adopta pentru siturile de dimensiuni mici, dominate de liste de 
legături, destinate utilizatorilor experimentați sau având cunoştinţe avansate 


în domeniul tematicilor tratate de conţinutul sitului. 


Organizarea în formă de caroiaj a sitului 


e Organizarea ierarhică. lerarhiile reprezintă una dintre cele mai bune metode 
de a organiza corpuri complexe de informaţie. Schemele de organizare 
ierarhică sunt în particular foarte potrivite pentru siturile Web deoarece 
acestea ar trebui Întotdeauna structurate astfel încât să aibă o unică pagină de 
start. Mulţi utilizatori sunt familiarizați cu diagramele ierarhice şi pot înţelege 
uşor această metaforă ca ajutor acordat navigării prin sit. O organizare 
ierarhică impune de asemenea o anumită disciplină în abordarea analitică a 
conţinutului, pentru că ierarhiile funcţionează eficient numai atunci când 
informaţiile sunt organizate judicios. De vreme ce diagramele ierarhice sunt 
familiare în activitatea firmelor şi a instituţiilor şi se pot reflecta în situl 
acestora, utilizatorii construiesc cu uşurinţă un model mental al sitului vizitat. 


Organizarea în rețea a sitului 


De reţinut însă că siturile Web complexe prezintă proprietăţi caracteristice 
tuturor celor patru moduri de structurare ale informaţiei. Exceptând siturile 
care impun riguros o secvenţă de pagini, utilizatorii parcurg conţinutului 
oricărui sit într-o manieră proprie. Acest model neliniar de vizitare a paginilor 
o Web dintr-un sit nu poate constitui scuza sustragerii de la obligaţia de a 
organiza informaţiile prezentate şi de a prevedea o structură clară şi 
consistentă care să completeze ideile de design pentru situl dorit a fi dezvoltat. 
Complexitatea 
sitului Web 


Carpiaj 


Organizarea ierarhică a unui sit 


impun câteva restricţii asupra modelului de folosire a informaţiei. Utilizatorii 
îşi urmăresc propriile interese conform unui model propriu, euristic, unic 
pentru fiecare persoană care vizitează situl. Acest mod organizaţional este 
specific siturilor având legături foarte dense către alte informaţii din cadrul 
aceluiaşi sit sau din alte situri. 

Scopul este cel de a exploata la maximum puterea de legare şi de asociere 
oferită de spaţiul WWW, însă structurile de organizare în reţea pot uşor să 
propage confuzie şi să sugereze un model mental neclar privitor la relaţiile 


Densitatea legăturilor hipertext f 


e Organizarea în rețea. Structurile organizaționale construite în reţea (web) 
| pi yoe 
| Tipurile de organizare a siturilor Web 
i 


E Caen i 
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Alte elemente ale sitului Web 


Alături de principalele componente ale unui sit Web - pagina de start, paginile 
subiectelor intermediare şi paginile subsidiare - trebuie să avem în vedere diverse 
elemente menite a facilita parcurgerea conţinutului şi navigarea prin sit. 

Se pot enumera o serie de recomandări referitoare la plasarea pe sit a acestor 
elemente: 


e informaţiile importante vor fi afişate într-un mod diferit de restul textului 
(pentru a capta atenţia vizitatorului). De asemenea, multe situri Web trebuie 
actualizate frecvent pentru ca datele să fie la zi, iar prezenţa noilor informaţii 
trebuie să fie evidentă pentru vizitatorii sitului, fără a necesita un efort de 
navigare prin sit. Dacă o parte dintre elementele listate în meniurile paginii de 
start sunt actualizate, atunci în dreptul fiecărui astfel de element actualizat se 
poate include textul sau se poate insera o pictogramă cu mesajul „Now”. 
Pentru un sit complex, având mai multe niveluri de informaţie răspândite în 
sute de pagini, va trebui realizată o pagină specială „Noutăţi” („Whats New” 
sau „News”) al cărei scop este de a informa utilizatorii asupra actualizărilor efec- 
tuate în cadrul sitului, desigur indicând şi legăturile spre aceste informaţii. Această 
pagină va putea fi utilizată şi drept pagină de ştiri în cazul unui sit academic sau 
al unei instituţii, accentuând astfel schimbările din cadrul organizaţiei; 

e situl trebuie să conţină posibilităţi de navigare: butoane, hărţi de imagini, 
legături textuale, eventual cadre (deşi utilizarea acestora din urmă nu este 
recomandabilă). Pentru mai multe detalii, a se vedea următoarea secţiune, 
„Organizarea instrumentelor de navigare”. 

Întotdeauna când folosim pentru legături imagini sau hărţi senzitive, ar trebui 
să includem legăturile textuale corespunzătoare; 

eè situl trebuie să fie consistent. Mărimea şi culoarea butoanelor, textului şi 
legăturilor, localizarea pe pagină a legăturilor navigaţionale trebuie să fie 
similare în întregul sit. Vizitatorul trebuie să obţină informaţia dorită într-un 
mod ergonomic, optim. 


Fiecare sit ar trebui, de asemenea, să ofere o posibilitate de contact (prin poşta 
electronică cel puţin) şi un index (denumit şi site map ori site guide). Acest index va 
trebui să se încarce foarte rapid, deci ar trebui utilizate doar informaţii textuale. 

Adesea, primele seturi de legături pe care utilizatorii de Web le construiesc atunci 
când încep să-şi realizeze propriile situri sunt colecţii de adrese Web favorite ale 
unor situri care au legătură cu profesiunea, cu ramura de activitate sau cu interesele 
personale. În cadrul unui sit al unei instituţii sau companii comerciale, o pagină de 
genul „Alte situri conexe”, excelent concepută şi menţinută, poate fi cea mai 
valoroasă şi cea mai intensiv vizitată resursă din cadrul acelui sit, 

Conceptul de „document” în medii electronice cum este Web-ul este adesea 
flexibil, iar economia şi logistica publicării în formă digitală fac posibilă furnizarea 
de mai multă informaţie pentru utilizatorii sitului, fără ca aceasta să implice costuri 
suplimentare. De exemplu, pentru a realiza un raport tehnic sau unul privitor la 
vânzările dintr-o lună în forma sa tipărită pe hârtie astfel încât să poată fi consultat şi 
de alţi membri ai organizaţiei, va trebui să listăm câte o copie de persoană. Pentru a 


i 
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fi practici şi pentru a reduce costurile, va trebui ca acel raport tipărit să fie întocmit 
foarte concis, fără a avea posibilitatea de a ataşa materiale suplimentare (ie. anexe). 
Astfel, cei cărora ne adresăm nu au acces la informaţiile pe baza cărora au fost 
fundamentate concluziile raportului din cauza costului mai ridicat al tipăririi pe 
hârtie. În afară de conţinutul principal al raportului am fi dorit să includem liste de 
“esurse care în mod normal nu sunt disponibile publicului din pricina spaţiului 
imitat şi a costurilor suplimentare. Aceste informaţii auxiliare pot fi accesate însă pe 
Web. Bibliografiile, glosarele, anexele care sunt prea voluminoase pentru a fi incluse 
ntr-un raport tipărit sau în oricare alt document pot fi stocate de un sit Web, 
nformaţia fiind astfel accesibilă şi altor persoane. Acest aspect se poate realiza mai 
les în contextul unui sit disponibil în intranetul unei companii sau instituţii. 

În sprijinul utilizatorilor, Web-ul şi alte medii bazate pe Internet au dezvoltat o 
oluţie standard, reprezentată de aşa-numita pagină a întrebărilor puse frecvent 
Frequently Asked Questions - FAQ). În cadrul acestei pagini sunt listate cele mai 
zuale întrebări venite din partea vizitatorilor, însoţite desigur de răspunsurile 
ferente. Paginile Web de tip FAQ sunt ideale pentru siturile proiectate să furnizeze 
uport şi informaţii de ajutor unui grup de lucru din cadrul unei instituţii, unui grup 
»rofesional sau comercial sau unei comunităţi de utilizatori ai unui produs. De cele 
nai multe ori, majoritatea întrebărilor puse de novici au mai fost ridicate şi de alte 
versoane, răspunsurile la ele fiind furnizate de multe ori de către departamentul de 
elaţii cu publicul. Realizând o pagină FAQ atractivă şi îndreptând cititorii către ea, 
e poate îmbunătăţi semnificativ relaţia cu utilizatorii, reducându-se substanţial 
impul irosit. 

Un alt element important al sitului este cel referitor la pagina cuprinzând 
aformații despre termenii legali şi drepturile de autor - aşa-numita pagina a 
ondițiilor de utilizare (Disclaimer). De obicei, în cadrul acestui document se 
cipulează următoarele: 


e numele de companii, produse sau servicii menţionate în cadrul paginilor 
disponibile pe sit sunt mărci înregistrate ale companiilor respective. Dacă este 
cazul, se poate menţiona că utilizarea oricărui nume de marcă înregistrată s-a 
făcut doar în scopul analizei şi nu constituie reclamă pentru compania 
respectivă; 

e informaţiile incluse pe sit sunt furnizate fără nici un fel de garanţie. De 
asemenea, nu se garantează acurateţea informaţiile prezentate, acestea putând 
include erori de ordin tehnic sau de tehnoredactare. Informaţiile din cadrul 
sitului sunt oferite cu bună-credinţă, din surse apreciate ca fiind de încredere. 
Orice informaţie disponibilă pe sit poate fi supusă modificărilor, fără nici o 
notificare prealabilă. Unde este cazul, nu se garantează că informaţiile ar fi 
exacte, complete sau obiective, de aceea nimeni nu trebuie să se bazeze pe ele, 
pentru nici un scop; 

e compania care administrează sau deţine situl nu va fi făcută responsabilă în 
cazul în care persoane sau companii folosesc sau se bazează pe informaţii sau 
pe opinii conţinute în cadrul sitului; 

e autorii conţinutului documentelor prezente pe sit sau compania care 
administrează/deţine situl nu vor fi răspunzători pentru nici un fel de 
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prejudiciu (direct, indirect, accidental sau nu) care ar rezulta din folosirea sau 
din incapacitatea de folosire a informaţiei prezentate pe sit şi pentru nici un 
fel de erori sau omisiuni în conţinut care pot conduce la tot felul de incidente 
survenite în timpul navigării pe sit; 

e de cele mai multe ori, se prevede că informaţiile pot fi reproduse prin tipărire 
numai pentru uzul personal. Informaţiile nu pot fi reproduse, distribuite sau 
transmise altei persoane sau încorporate în oricare altă formă în alt material 
fără permisiunea prealabilă scrisă a autorilor lor sau fără a fi citată sursa; 

e conţinutul textual, grafic, multimedia sau programele pot fi utilizate doar cu 
acordul autorilor sau al companiei proprietare. Se poate recurge de asemenea 
la diverse licenţe privind folosirea software-ului, precum EULA (End User 
License Agreement) sau GPL (GNU Public Licence); 

e situl poate include legături externe spre alte situri sau pagini Web al căror 
conţinut nu se află sub controlul organizaţiei care administrează sau deţine 
situl. 


În cazul unui sit personal, găzduit pe serverul organizaţiei la care este angajat sau 
la care studiază autorul acestuia, se poate stipula că punctul de vedere expus de 
materialul inclus pe sit nu-l reflectă pe cel al organizaţiei şi nu o implică în nici un 

. mod. Desigur, politica acelei organizaţii poate impune membrilor săi o anumită 
conduită pe Web — de exemplu, pe situl personal este interzisă etalarea de informaţii 
negative privitoare la organizaţia respectivă. 

Nu trebuie uitată nici pagina descriind politica de confidenţialitate (privacy policy) 
a sitului. Aceasta pagină va fi inclusă în cazul în care prin intermediul sitului Web se 
colectează diverse informaţii de la utilizatori. Acestea pot fi obţinute via cookie-uri — 
fără ca vizitatorul să introducă manual nimic şi să cunoască datele stocate de cookie — 
sau prin completarea de diverse formulare electronice, solicitând date mai mult sau 
mai puţin personale despre vizitator. În astfel de situaţii, acest document trebuie să 
expună vizitatorilor care este scopul informaţiilor obţinute de către deţinătorii 
sitului şi modul în care aceste informaţii vor fi folosite în viitor. De exemplu, trebuie 
stipulat faptul să datele referitoare la adresa fizică sau cea de e-mail ale utilizatorului 
nu vor fi utilizate în scop promoţional de către alte companii. Se estimează că peste 
90% din siturile comerciale deţin o astfel de pagină. 


Organizarea instrumentelor de navigare 


În cazul unui sit având un număr însemnat de pagini, vor trebui prevăzute 
submeniuri pe care utilizatorul să le folosească pentru a ajunge la informaţiile dorite. 
Lista subiectelor generale din pagina de start va fi astfel continuată în mod firesc de 
subteme cu caracter mai specializat, detaliat. Pagina de start nu trebuie încărcată cu 
un număr apreciabil de legături, deoarece va cauza confuzii utilizatorilor, mai ales 
celor care vizitează în premieră situl. - 

În consecință, fiecare submeniu major devine astfel o minipagină de start pentru 
acea secțiune a sitului. Pentru informaţii detaliate, specializate,- utilizatorii frecvenți 
pot fi îndreptaţi spre un submeniu. Submeniurile pot fi considerate aşadar, din acest 
punct de vedere, pagini de start alternative orientate către grupuri specifice de 
utilizatori. 
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e Meniul orizontal de navigare. Una dintre cele mai uzitate metode de a asigura 
navigarea facilă prin sit este aceea de a include un meniu orizontal de legături 
în partea superioară a fiecărei pagini. Elementele meniului pot fi legături 
semnalate utilizatorilor prin intermediul unor pictograme. - folosindu-se 
metafora butonului - sau a unor ancore textuale, Prezenţa constantă, în 
acelaşi loc, a acestui meniu îi va ajuta pe utilizatori în orientarea pe sit, 
asigurând contextul. Elementul selectat la un moment dat în cadrul meniului 
va trebui afişat în mod diferit. Acest meniu poate cuprinde mai multe niveluri 
de legături. 


Un meniu dublu de legături folosit pe situl Apple 


De reţinut că acest mod de navigare trebuie să ia în calcul următoarele 

restricţii: 

- numărul de elemente ale unui meniu nu poate depăşi valoarea 6, iar în 
cazuri extreme 8. Desigur, se vor avea în vedere mărimea medie a 
termenilor folosiţi, mărimea fontului şi rezoluţia la care se proiectează 
situl. În cazul în care situl este în continuă expansiune, s-ar putea ca meniul 
să nu mai poată cuprinde noile subiecte apărute de-a lungul timpului; + » 

- numărul de niveluri ale meniurilor ierarhice este de maxim 2-3. Trebuie să 
avem în vedere că mai multe niveluri vor ocupa mai mult spaţiu vertical, 
ceea ce va conduce la o arie mai mică de afişare a informaţiilor 
propriu-zise. 

Un alt aspect important este acela că toate elementele primului nivel trebuie să 

fie vizibile permanent, în timp ce nivelul al doilea va conţine seturi alternative 

de legături. Atunci când se va adăuga şi al treilea nivel, trebuie să avem grijă să 
se poată integra natural şi logic în meniu. 


Meniu superior de navigare 


informaţii 
inrudite 


Conţinut 
propriu-zis 


A| 


Dispunerea elementelor de navigare în cadrul paginii 
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e Navigarea verticală. O altă soluţie ar fi ca anumite legături să fie plasate 


vertical, fie în partea stângă, fie în partea dreaptă a conţinutului propriu-zis al 
paginii. Acest lucru se poate realiza prin intermediul tabelelor sau al cadrelor. 
Navigarea prin sit sau fragmente de sit se realizează de cele mai multe ori prin 
intermediul unui meniu de legături plasat în stânga paginii. În această situaţie, 
pagina este divizată în cel puţin două coloane, prima fiind ocupată de legături - 
disponibile ca text sau butoane/pictograme. Sunt întâlnite mai multe forme 
de organizare a meniului: 

A. meniu plat — toate elementele sunt plasate pe un singur nivel, fără a exista 

vreo ierarhie; 


Exemplu de meniu vertical plat 


B. meniu expandabil - un anumit element este expandat prin apariţia unui 
subnivel de legături la acţionarea elementului; 


3 Navigation Tree 
23 English 
E3 Our Faculty 
[3 History 
EA Structure 
3 Facilities 
3 Graduation 
iy Post-graduation f 
Actiity 
Staff 
Stiidents 
Alumni 


EJ Other info 
„EX Search 


Exemplu de meniu vertical expandabil 


C. meniu binivel — nivelul al doilea conţine legăturile propriu-zise, iar primul 
nivel are doar rol de grupare logică a legăturilor; 
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Solutia propusa 


Magazin? 
z Caracteristici 
i; intrebari frecvente 
:: Exemuie de 
mi idi 
iti di ibuitor 


„Cum comandati 
3 Preturi 


u Formular de 
comanda 

Cum ne contactati 

:: info contact 


| Suport tehnic M 
z Manual de utiizare 


= formul 


Exemplu de meniu vertical binivel 


Meniurile verticale plasate în stânga paginii pot prezenta unele dezavantaje, 
Unul dintre cele mai deranjante tipuri de meniu este cel care conţine un 
număr de legături destul de mare, care face ca elementele să nu încapă, toate, 
în pagină (fie sunt ascunse complet, fie utilizatorul trebuie să folosească barele 
de navigare). Această situaţie poate apărea mai ales în cazul meniurilor 
expandabile. | 

Faţă de meniurile orizontale, cele verticale sunt mai scalabile, numărul de 
legături care pot fi adăugate ulterior fiind mult mai mare. 

Meniurile combinate. O a treia strategie de plasare a legăturilor de navigare este 
cea care le combină pe cele două prezentate mai sus. Astfel, instrumentele de 
navigare se vor desfăşura atât în plan orizontal în antetul paginii, cât şi 
vertical, în stânga. Meniurile orizontale vor avea deseori doar un nivel, iar 
cele verticale unul sau maxim două niveluri. Mai mult, această grupare a 
elementelor de navigare în colțul stânga-sus al documentului poate conduce la 
un design mult mai atractiv, folosindu-se, de exemplu, în situaţiile în care situl 
este compus din mai multe sub-situri, relativ independente. 


icre, 
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The Entrust/Toolkit for Java makes it easy to build interoperable Java applications, 
applets, or senie!s with multiple PKI solutions, providing a complete Java solution for 
secure B2B, B2C and Enterprise transactions. 


Exemplu de sit folosind navigarea stânga-sus 
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O altă manieră de a asigura navigarea prin sit este aceea de a dispersa 
elementele de navigare pe întreaga suprafaţă a paginii sau chiar în cadrul 
conţinutului propriu-zis. În acest mod se poate reduce complexitatea 
meniurilor de navigare. 

Navigarea matriceală. Pentru siturile complexe, s-ar putea ca asigurarea unei 
navigări optime să nu se poată realiza foarte uşor. De exemplu, în cadrul unui 
sit al unei companii care produce imprimante, un driver pentru o anumită 
imprimantă ar putea fi găsit la secţiunea Produse - fiind ataşat paginii descriind 
modelul imprimantei respective =, dar şi în cadrul secţiunii Suport. Ambele 
opţiuni de localizare sunt logice, fără ca utilizatorul să încline asupra uneia 
particulare. 

În astfel de situaţii se adoptă de obicei o strategie de proiectare matriceală 
(matrix design). Aceeaşi pagină va fi accesibilă urmând căi diferite în cadrul 
ierarhiei de navigare. 

În mod ideal, utilizatorul ar trebui să nu fie conştient că aceeaşi informaţie 
este prezentă în locuri diferite, uneori fiind prezentată diferit, dar un sistem 
de management al conţinutului sitului ar trebui să-l ajute să aibă acces la 
aceasta, într-o manieră cât mai facilă. Practica uzuală este aceea de a se concepe 
doar o singură pagină, accesibilă din alte pagini prin intermediul /egăturilor 
încrucişate. Atunci când un vizitator urmează o astfel de legătură, în fapt este 
transferat în altă unitate logică a sitului. 

Pentru a evita problemele de Organizare, dacă în cadrul unui sit apare 
necesitatea navigării matriceale multidimensionale, trebuie să reconsiderăm 
structura sitului şi să găsim o'soluţie de navigare mai simplă. 

Paginarea informaţiilor. Deseori se întâmplă ca informaţiile pe care dorim să 
le includem pe situl Web să aibă dimensiuni considerabile, fără a le putea 
structura ierarhic. Pentru a putea fi parcurse cu mai multă uşurinţă şi pentru a 
se asigura o încărcare mai rapidă a documentelor, aceste informaţii sunt 
divizate în serii de pagini, fiecare dintre aceste pagini trebuind să aibă 
prevăzute cel puţin butoanele de navigare Pagina următoare şi Pagina 
anterioară. Suplimentar, putem da posibilitatea de a se accesa un fragment de 
informaţie - o pagină particulară - în manieră directă. Instrumentele de 
navigare vor fi plasate atât la începutul, cât ŞI la finalul fiecărei pagini. Aceeaşi 
strategie se va aplica şi în cazul siturilor afişând o multitudine de anunţuri care 
trebuie grupate pe pagini pentru a facilita accesul, 
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Subsol de pagină oferind legături de accesare directă 
a informațiilor paginate 
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De reținut că paginile Web de dimensiuni mai reduse vor fi, de obicei, pagina 
de start sau paginile folosind la navigarea prin sit, fiind destinate parcurgerii 
on-line, deci vizualizării pe ecran. Aceste pagini vor putea conține elemente 
grafice sau multimedia mai voluminoase, fiind indicat să includă în jur de 500 
de cuvinte/pagină. Această Împărțire are şi avantajul actualizării punctuale 
mai eficiente a conţinutului şi a parcurgerii totale a documentului de către cei 
interesaţi. 

Documentele de dimensiuni mari vor putea fi utilizate pentru un conţinut 
dorit a fi tipărit sau consultat în manieră offline, putând fi astfel mai uşor de 
administrat în timp. 

O altă situaţie de fragmentare a informaţiei este cea în care conţinutul unei 
pagini necesită explicaţii suplimentare, care vor fi plasate deseori într-o casetă 
adițională (side bar) care poate fi parcursă independent de textul principal. 
Această strategie este folosită şi pentru plasarea afişelor publicitare în cadrul 
unei pagini. 

În continuare vom prezenta un model de navigare în cadrul unui sit de comerţ 
electronic având ca mijloc de plată cartea de credit. Paginile dedicate completării 
comenzii de livrare a unui produs sau grup de produse vor avea dimensiuni reduse, 
prezentând doar un singur pas din şirul de paşi care trebuie urmaţi de client. Acest 
şir de paşi, de cele mai multe ori, este constituit din: 


vizualizarea produselor selectate în coşul de cumpărături; 
completarea adresei poştale de livrare a bunurilor comandate; 
introducerea informaţiilor referitoare la cartea de credit; 
terminarea comenzii. 


; a Z 4 

Desigur, aceasta va necesita încărcarea mai multor pagini Web pentru întregul 
proces de comandă, dar va da posibilitatea vizitatorului să remarce toţi paşii 
intermediari şi să-l anticipeze pe următorul din şir. 


indicarea pasului curent din şirul de paşi intermediari 
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Modelul de navigare Amazon folosit la completarea comenzii de livrare a produselor dorite 
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Coperte de situri 


Un sit se poate înfăţişa vizitatorului nu direct prin intermediul paginii de start, ci 
printr-o copertă (cover page sau splash page), într-un mod similar supracopertelor 
unor publicaţii. Copertele de situri sunt folosite în diverse scopuri. Frecvent, o 
copertă de sit va include o imagine sau o animaţie introductivă, oferind puţine 
informaţii, dar având rol de persuasiune, incitând utilizatorul să viziteze situl. Un alt 
gen de coperte de sit este acela care stabileşte o atmosferă (look and feel) generală a 
sitului. Asemenea coperte de sit furnizează adesea legături către secţiunile majore ale 
sitului, permiţând utilizatorilor un acces rapid la subiectele de interes, însă realizând 
în acelaşi timp o privire de ansamblu a sitului prin folosirea unui număr minim de 
mijloace. O a treia categorie este cea a copertelor de sit furnizând informaţii detaliate 
asupra specificului sitului, de cele mai multe ori recurgând la o prezentare textuală. 

Desigur, în funcţie de natura şi de scopul sitului, va trebui să decidem dacă avem 
într-adevăr nevoie de o copertă de sit şi, în caz afirmativ, va tiebui să stabilim tipul ei. 

Copertele sunt cele mai controversate elemente ale unui sit. Pentru mulţi 
vizitatori, copertele de sit sunt pur şi simplu un motiv de enervare, trebuind să mai 
dea încă un clic de mouse până la conţinutul pe care îl caută. Aceşti utilizatori preferă 
să le fie prezentat la început un index sau o hartă a sitului decât imagini frumoase ori 
animații hazlii, dar mari consumatoare de timp. Ideea principală de care trebuie să 
ţinem cont este necesitatea de a evalua preferinţele utilizatorilor şi apoi de a alege 
metoda cea mai potrivită de atragere a acestora, 

De asemenea, trebuie să luăm în calcul şi funcţia sitului. Utilizatorul tipic 
vizitează o singură dată situl sau va reveni destul de des? Un instrument on-line, ca 
de exemplu un calendar de evenimente ştiinţifice ori sportive sau un motor de 
căutare, nu ar trebui să aibă o copertă de sit pur estetică, deoarece utilizatorii 
vizitează situl respectiv de mai multe ori pe zi în scopuri exclusiv pragmatice. Pentru 
un astfel de sit, o copertă elegantă - realizată cu dificultate în Flash -, dar 
nefuncţională, va incomoda utilizatorii, determinându-i să aleagă un alt sit. 
Bineînţeles, utilizatorii experimentați care nu vor să intre „pe uşa din faţă” vor putea 
foarte simplu să utilizeze de fiecare dată adresa unei pagini interne a sitului — pagina 
de start sau harta sitului. 

Un sit informativ, ca de exemplu unul academic, al unei firme sau unul de interes 
general ar putea folosi o copertă de sit care să stabilească o temă de design vizual de 
ansamblu sau o metaforă pentru sit. Ar putea, de asemenea, să ofere o scurtă 
explicaţie privitoare la scopul sitului. Acest tip de copertă ar trebui să răspundă la 
întrebări ca Unde mă aflu?, Cum este aici în Cu ce se ocupă această organizație? sau Ce 
voi găsi intrând în sit? 

De cele mai multe ori însă, succesul unei coperte de sit depinde foarte mult de 
aşteptările celui care-l vizitează. Astfel, coperta poate ridica întrebări la care se poate 
răspunde doar intrând în acel sit. Dacă vizităm un sit dedicat unui poet, vom avea 
desigur alte aşteptări decât atunci când parcurgem un sit prezentând un joc interactiv, 

Vizitatorii unui sit cu profil artistic nu sunt utilizatori rătăciţi, ci se află în 
căutarea unei experienţe, a unei desfătări intelectuale sau a bunei dispoziţii. O faţadă 
misterioasă, plăcută din punct de vedere estetic, ar putea avea în acest caz mari şanse 
de a atrage un asemenea tip de vizitatori, 


i 
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Prea multe imagini introductive într-un sit de comerţ electronic vor fi 
supărătoare, iar prea puţine splash-uri într-un sit de divertisment vor plictisi 
atilizatorii. Primele impresii contează cel mai mult, mai ales când există 
-oncurenţa... 


5,2,4 Proiectarea paginilor Web individuale 


Căutăm coerenţă, ordine şi credibilitate în tpate sursele de informare, indiferent dacă 
le sunt documente tradiţionale, tipărite, informaţii radio/tv sau pagini Web. 

Organizarea spaţială a elementelor grafice şi textuale care intră în componenţa 
inei pagini Web poate atrage atenţia utilizatorului, punând î în evidenţă informaţiile. 
Vai mult, acest lucru conduce la interacțiuni mai eficiente şi mai plăcute între 
izitatori şi situl Web în cauză. 

Pentru a împlini acest deziderat va trebui să ţinem cont de logica vizuală a 
lementelor care compun paginile Web proiectate. Conform spuselor lui Edmund 
Zarpenter, „omul este cel mai mare constructor şi utilizator de modele. Indiferent de 
ituaţia sa, el nu poate trăi într-o lume a haosului”. Astfel, în conceperea 
locumentelor Web vom recurge la diverse modele de design pe care le vom detalia 
n continuare. 


Designul vizual 


Designul grafic trebuie să ofere un echilibru optim între senzaţia vizuală şi 
nformaţia grafică sau textuală dintr-o pagină. Fără impactul vizual al formei, culorii 
i contrastului, paginile sunt plictisitoare şi nu vor da motive vizitatorului să le 
»arcurgă conţinutul. Documentele text dense, fără contrastul şi confortul vizual 
oferite de grafică şi de o atentă aşezare în pagină sunt mai dificil de citit, mai ales în 
azul monitoarelor având o rezoluţie scăzută. Similar, documentele Web care 
tilizează intens grafica riscă să dezamăgească utilizatorul, oferind un slab echilibru 
ntre senzaţia vizuală, informaţia textuală şi legăturile hipermedia existente. 

Designul este constrâns şi de limitările lățimi de bandă a reţelelor utilizate, de 
elativa sărăcie de mijloace a limbajului HTML şi de rezoluţia actuală a majorităţii 
cranelor calculatoarelor. Vocabularul designului grafic realizat cu ajutorul 
narcatorilor HTML este limitat mai ales de absenţa unor elemente exacte de 
»oziţionare, similare celor tipografice. În acest sens, un sprijin notabil vine din 
sartea foilor de stiluri în cascadă. Posibilitatea de a folosi legături hipertext conduce 
a o putere funcţională fără precedent şi la o flexibilitate în proiectarea de structuri 
ipermedia interactive. Limbajele de tip script puse la dispoziţie de navigatoarele 
ctuale îmbogăţesc gradul de expresivitate a documentelor HTML dinamice, iar 
srezentările multimedia bazate pe Flash sau applet-uri Java pot asigura o experienţă 
udiovizuală asemănătoare celei oferite de televiziune. Astfel, „folosirea crescândă a 
maşinilor animate în numeroase pagini de pe Web, inclusiv a celor însoţite de 
unet, îl transformă pe designerul Web într-un producător de televiziune de facto” 
Paul Levinson). 

Continuitatea vizuală şi funcţională în organizarea sitului Web, designul grafic şi 
'aracteristicile corpurilor de literă alese sunt esenţiale pentru a convinge publicul că 
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situl oferă informaţie la zi, exactă şi folositoare, inducând sentimentul de încredere. 
O abordare atentă, sistematică, a proiectării paginilor Web poate simplifica 
navigarea, poate reduce erorile şi poate ajuta vizitatorii să profite din plin de 
informaţiile şi de caracteristicile sitului Web. 

Una dintre greşelile frecvente în designul paginilor Web este lipsa simplităţii şi 
ignorarea vitezei de încărcare. Meniurile grafice încărcate, folosind diverse imagini 
animate la plasarea cursorului mouse-ului peste o legătură, sunt eficiente mai ales 
pentru utilizarea în cadrul unui intranet dintr-un mediu educaţional sau de afaceri, 
dar pun la încercare răbdarea utilizatorilor care accesează Web-ul cu ajutorul unui 
modem. 

Web-ul îi atrage pe mulţi vizitatori cu promisiunea unei comunicări grafice. 
Ecranele sau paginile de întâmpinare (splash page) multimedia sau paginile de start 
exclusiv grafice pot avea succes atâta vreme cât înţelegem să facem compromisuri 
între viteza de încărcare şi conţinutul vizual bogat, ţinând cont bineînţeles de tipul 
audienței şi de specificul sitului. 

Trebuie să fim conştienţi şi de faptul că pretenţiile utilizatorilor au crescut faţă de 
cele din urmă cu 5-6 ani. Tehnologiile Web au evoluat extraordinar, mijloacele de 
exprimare sunt tot mai diverse şi mai flexibile, echipamentele devin tot mai 
performante. Totuşi, din punctul de vedere al rentabilităţii, efectul cumulat al 
întârzierilor de încărcare a paginilor, cauzate de folosirea inadecvată a imaginilor sau 
altor documente multimedia de dimensiuni mari ori de greşelile de proiectare, poate 
să facă nerentabil intranetul unei organizaţii sau să descurajeze vizitatorii unui sit de 
comerţ electronic. 

Dacă numărul de accesări ale paginii de start este mult mai mare decât numărul 
de cereri ale fişierelor grafice folosite în cadrul paginii, atunci putem trage concluzia 
că mulţi utilizatori vizitează pagina setând navigatorul să nu afişeze conţinutul 
grafic. Dacă vizitatorii sitului nu vor să vizualizeze imaginile din cauza timpului 
crescut de încărcare, atunci înseamnă că toată informaţia grafică nu ajunge la aceştia 
şi deci designul paginii trebuie refăcut. O astfel de analiză trebuie realizată pentru 
fiecare pagină în parte. Pentru a determina timpul de încărcare a unei pagini Web se 
poate folosi servicul gratuit Dr. HTML - http: //arhtnl. imagiware . com. 


Înțelegerea mediului 


Mediul oferit de spaţiul WWW este diferit de cel al mass-media tradiţionale, în 
special de mediul tipăriturilor, Cititorii iau contact cu Web-ul în două moduri: 


e în primul rând, Web-ul este considerat a fi un mediu direct unde paginile sunt 
parcurse în manieră on-line, fiind puternic imersiv, Prin imersiune nu se oferă 
o explicaţie a conceptelor care trebuie înţelese, ci se realizează o plasare a 
cititorului într-un mediu în care acesta este constrâns să renunţe la contextele 
familiare, fiind obligat să folosească tocmai conceptele pe care trebuie să le 
înveţe, Ca argumente că imersiunea este un fenomen real pot fi date expresiile 
deja consacrate „a naviga pe Web” sau „a face surfing pe Web”. Experienţa 
on-line devine bilaterală, permiţând cititorilor să contribuie prin intermediul 
e-mail-ului sau a serviciilor conversaţionale (cărți de oaspeţi, videoconferinţe etc.) 
la conţinutul unor situri Web; 
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e în al doilea rând, Web-ul poate fi privit ca fiind un mediu de aprovizionare”, 
depozit oferind informații care sunt salvate local sau tipărite pe hârtie în 
vederea consultării ulterioare. Din acest punct de vedere, spaţiul World-Wide 
Web se apropie mai mult de mediile tradiţionale tipărite, dar numai parțial 
deoarece o animaţie interactivă nu poate fi surprinsă într-un instantaneu static 
tipărit. 

Având în vedere cele spuse mai sus, deciziile de design sunt determinate de modul 
în care cititorii vor folosi situl nostru. La sfârşitul anilor '70, cunoscutul teoretician 
al mass-media Marshall McLuhan afirma următoarele: „Utilizatorul este conţinutul”. 
Aşadar, va trebui realizat un design conform aşteptărilor vizitatorilor. 

Documentele care vor fi citite on-line trebuie să fie concise, şi să conţină elemente 
grafice atent reglate chiar şi pentru o lăţime de bandă modestă. Cititorilor nu trebuie 
să le subestimăm inteligenţa sau capacitatea de navigare prin sit. Este exagerat să 
considerăm că utilizatorii nu vor citi decât una sau două fraze dintr-un text sau nu 
vor fi capabili să parcurgă decât propoziţii scurte. Articolele sau ştirile puse la 
dispoziţie pe Web nu trebuie să fie excesiv de succinte. Trebuie doar să fim 
conştienţi că de obicei cititorii vor dori să tipărească paginile de dimensiuni mai mari 
sau prezentările mai complexe pentru a le parcurge mai uşor offline. 


Ierarhia vizuală 


Primul pas pe care trebuie să-l facă proiectantul Web este cel de a stabili o ierarhie 
vizuală consistentă, dar şi puternică, în care elementele importante să fie accentuate 
şi conţinutul să fie organizat logic, într-un mod previzibil. Designul grafic trebuie să 
structureze informaţiile prin folosirea instrumentelor de interfaţă, practicilor 
tipografice şi a ilustraţiilor pentru a conduce ochii cititorului prin pagină. Cititorii 
vizualizează paginile mai întâi ca fiind mase mari de formă şi culoare, având 
prevăzute elemente de prim-plan care contrastează cu cele de fundal. Numai după 
aceea ei încep să recunoască informaţii specifice, mai întâi din elementele grafice 
prezente şi apoi începând să analizeze mediul ~- relativ mai dificil - reprezentat de 
text şi să citească enunţurile individuale. 

Echilibrul grafic de ansamblu şi organizarea paginii sunt foarte importante 
pentru a atrage atenţia cititorului asupra prezentării conţinutului. O pagină anostă 
abundând de text masiv va conducere la respingere, asemenea unei mase de gri 
nediferenţiat. La fel, un document dominat de un design slab al elementelor grafice 
şi al textului nu va captiva utilizatorii sofisticaţi care caută un conţinut plin de 
substanţă şi eleganţă. Ceea ce se doreşte este asigurarea unui echilibru potrivit menit 
a atrage ochiul prin intermediul unui contrast vizual corespunzător. 

Proporția şi potrivirea la conţinut sunt cuvintele-cheie pentru decizii de design de 
succes, dar aceste aspecte pot fi determinate doar în contextul scopului general de 
dezvoltare a sitului Web, de natura informaţiilor disponibile şi, cel mai important, 
de aşteptările utilizatorilor. 
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O pagină cu un design monoton şi 
una oferind un contrast vizual corespunzător 


„_Direcţionarea atenţiei 


De obicei, utilizatorii citesc de la stânga la dreapta, pornind din partea superioară a 
paginii, excepţie făcând comunităţi precum cele mozaică, musulmană sau chineză. 

Această axă vizuală fundamentală domină cele mai multe principii de proiectare 
şi este baza designului grafic convenţional pentru majoritatea publicaţiilor tipărite ~ 
de la reviste până la afişe şi de la coperte de cărţi până la invitaţii. În planul paginii, 
partea superioară reprezintă întotdeauna locaţia dominantă, De aceea, această zonă 
este dedicată afişării siglei companiei sau a meniului orizontal de navigare. 

În ceea ce priveşte rolul culorilor în focalizarea atenţiei, nuanțele de pastel, 
delicate, care se găsesc de obicei în natură sunt cea mai bună alegere pentru fundal 
sau pentru elemente minore, mai ales dacă suntem începători în domeniul graficii 
sau al selecţiei culorilor. Nu trebuie să utilizăm culori primare - roşu, galben sau 
albastru — saturate (intense), decât în zonele care se doresc a fi special accentuate, însă 
acest lucru trebuie realizat cu moderație. Textul trebuie întotdeauna să contrasteze 
cu oricare culoare a fundalului. Dacă intenţionăm să realizăm o schemă grafică 
sofisticată, atunci va trebui să apelăm la un designer de grafică profesionist. În cazul 
în care nu suntem noi înşine graficieni, cea mai bună soluţie este să fim conservatori, 
să păstrăm totul într-un stil convenţional şi simplu, fără a utiliza contraste cromatice — 
deranjante pentru majoritatea vizitatorilor (a se vedea exemplele de situri negative 
incluse pe CD-ul cărții). 


Grafica abuzivă 


Elementele grafice, de asemenea, nu trebuie să distragă atenţia cititorului de la 
conţinutul propriu-zis al paginii. Trebuie aşadar să fim atenţi la ornamentele grafice, 
Liniile orizontale, pictogramele şi alte marcaje vizuale îşi au rostul lor, însă trebuie 
folosite cu atenţie, de preferat cât mai rar, pentru a nu avea o interfaţă pestriță şi 
confuză. Aceeaşi observaţie se aplică şi pentru mărimea excesivă a textului dintr-o 
pagină Web, mai ales în cazul titlurilor de tip <h1> sau <h2»>, 


rr Re pura ec 
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Instrumentele de accentuare grafică - accesoriile dintr-o pagină Web, aşa cum 
sunt cerceii în vestimentația unei femei - sunt puternice şi ar trebui folosite în doze 
mici pentru a avea un efect maxim. Abuzul utilizării acestora conduce la aşa-numitul 
efect al „pantalonilor de clovn” ~ totul este strălucitor şi nimic nu este cu adevărat 
accentuat. Este cazul paginilor care abundă de pictograme, de cele mai multe ori 
animate, de diferite mărimi, culori şi forme - pagini care nu exprimă absolut nimic. 


pia 


Distragerea atenţiei vizitatorului 
prin includerea prea multor elemente grafice deranjante 


Asigurarea consistenţei 


+ 


Proiectantul paginii trebuie să adopte un şablon al prezentării  (/ayout-ului) 
informaţiilor pentru a putea manipula uşor informațiile text şi elementele grafice, 
într-o manieră consistentă. Toate paginile sitului trebuie să fie unitare ca design, 
repetiţia în acest caz nefiind plictisitoare, ci oferind sitului o identitate vizuală 
consecventă. Aceasta face situl să fie uşor de ţinut minte de către vizitatori, O 
abordare consecventă a prezentării şi a mecanismelor de navigare permite cititorilor 
să se adapteze rapid la designul sitului şi astfel să anticipeze localizarea informaţiilor 
dorite şi elementele de navigare din fiecare pagină a sitului. 

O dată stabilită o temă grafică pentru sit, aceasta va fi folosită în toate paginile 
compunând acel sit. Inconsistenţa cromatică sau grafică va conduce la frustrarea 
vizitatorilor şi la scăderea credibilităţii sitului. 

Sigla şi meniul de navigare prezentate de pagina de start a sitului pot stabili tema 
grafică a întregului sit (gama cromatică, poziţionarea pictogramelor şi ornamentelor 
grafice, schema de navigare etc.). Această temă va fi folosită ulterior de toate paginile 
din acel sit, pentru ca utilizatorul să nu aibă nici o îndoială cu privire la'apartenenţa 
unui document individual la situl pe care îl vizitează în acel moment. 

Trebuie reţinut şi faptul că nu e cazul să ne grăbim în a stabili un stil special al 
înfăţişării sitului. Trebuie să fim foarte prudenţi în a importa, pur şi simplu, 
elemente grafice provenind din alte situri sau publicaţii tipărite pentru a „decora” 
paginile. Grafica şi stilul de editare a conţinutului sitului Web trebuie să evolueze ca 
o consecinţă naturală a abilității noastre de a prelucra şi aranja judicios informaţiile 
dorite a fi publicate on-line. 
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Unitatea designului sitului IBM ~ pagina principală şi o pagină subsidiară 


Asigurarea echilibrului 


Designul paginilor Web este mai mult o chestiune de a echilibra puterea de asociere 
a legăturilor hipertext şi abilitatea de a adăuga elemente grafice şi, eventual, animații. 
Unele pagini de start sunt similare copertelor de cărţi sau de reviste. Ideea este de a 
atrage utilizatorul prin intermediul unei combinaţii atente de descrieri textuale şi 
elemente grafice interesante legate de subiectul abordat. 

Cel mai eficient design pentru utilizatorii obişnuiţi ai Internetului (cei care 
folosesc modemuri) tinde să utilizeze interfeţe îngrijite având preponderent 
informaţii text şi elemente grafice de dimensiuni relativ reduse. Aceste pagini se vor 
încărca rapid şi vor avea totuşi un impact vizual substanţial. A se vedea, de exemplu, 
pagina principală a motorului de căutare Google - www.google.com. 

Trebuie să ţinem seamă că dimensiunile ecranului monitorului sunt de obicei mai 
mici decâr cele ale unei pagini tipărite. Chiar dacă paginile Web şi documentele 
convenţionale prezintă asemănări grafice, funcţionale şi editoriale, ecranul 
computerului - care este primul loc de furnizare a informaţiei prezente pe Web - nu 
se poate asemăna deloc cu o pagină tipărită pe hârtie. 

Autorii de grafică electronică destinată siturilor Web nu trebuie să uite că 
majoritatea utilizatorilor nu pot vizualiza la un moment dat decât 50-75% dintr-o 
pagină Web obişnuită şi numai aproximativ 10% dintre cititori derulează pagina 
pentru a parcurge şi conţinutul din partea inferioară a documentului. O greşeală des 
întâlnită este aceea de a insera elemente grafice în locuri care depăşesc lăţimea 
normală a ecranului la rezoluţia de 800x600 - cea mai des utilizată în prezent — sau 
1024x768. 

Elementele grafice ale paginilor Web nu trebuie să fie mai mari de 535 de pixeli 
lăţime şi 670 de pixeli înălțime; în caz contrar, imaginea va fi prea largă pentru a 
putea fi tipărită pe o foaie de format A4. 
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Rezoluţie 800 x 600 


Lăţimea paginii Web poate diferi de lăţimea monitorului 


Utilizarea caroiajului 


Aşa cum un desenator tehnic foloseşte hârtie milimetrică pentru a realiza planşe 
impecabile, la fel proiectantul unei pagini Web poate recurge la metoda caroiajului 
(grid-ului). Consecvenţa şi posibilitatea de anticipare sunt atribute esenţiale pentru 
un sistem de informaţii bine proiectat, ajutând utilizatorii să identifice originea şi 
relaţiile paginilor Web şi furnizând un acces uşor de anticipat la elementele de 
interfaţă. Caroiajul ~- utilizat şi pentru proiectarea publicaţiilor tipărite — este folosit 
şi în realizarea documentelor electronice, disponibile on-line, unde relaţia spaţială 
dintre elementele de pe ecran se modifică în mod constant ca răspuns la acţiunile 
utilizatorului şi la activitatea întreprinsă de sistem. 

Când sunt utilizate într-o manieră inadecvată, în mod inconsecvent, elementele 
grafice şi textuale ale paginilor Web pot genera confuzii, fără a oferi nici o ierarhie 
vizuală în funcţie de importanţă. Acest nefericit efect de „pantaloni de clovn” 
(despre care am mai amintit în cadrul acestui capitol) determină un nivel scăzut al 
utilizării şi lizibilităţii conţinutului, la fel ca în cazul paginilor tipărite, redactare 
neîngrijit. Din contră, un caroiaj atent organizat, implementat consecvent în cadrul 
unui set de pagini, va ajuta utilizatorii să găsească rapid informaţiile dorite şi va mări 
încrederea cititorului că foloseşte o colecţie de informaţii judicios organizate, 

Desigur, nu există un sistem unic de organizare bazată pe caroiaj a informaţiilor 
dintr-o pagină. 
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Un aranjament neadecvat al informaţiilor (stânga) 
şi unul mai ordonat, folosind metoda caroiajului (dreapta) 


o În primul rând trebuie să analizăm care ar putea fi caroiajul de bază pentru 
toate paginile sitului: locul conţinutului textual - titluri, subtitluri, textul 
tehnoredactat -, poziţionarea elementelor grafice cu rol în focalizarea atenţiei 
(e.g: ornamentaţii grafice şi ilustraţii), aranjamentul legăturilor navigaţionale 
etc, Pentru aceasta trebuie colectate exemple reprezentative de text şi 
componente grafice (fotografii scanate, imagini de sinteză sau prelucrate 
electronic, ilustraţii, pictograme şi altele). 

e Următoarea etapă este analiza diverselor modalităţi de aranjare a informaţiilor 
în pagină. Pentru proiectele Web complexe această etapă ar putea fi reiterată 
deoarece este dificil de stabilit că prima soluţie este cea optimă, modelând cel 
mai bine interacţiunea dintre utilizator şi pagina Web. Deseori, se realizează — 
manual sau computerizat - diverse schiţe ale aranjamentului elementelor Web. 

e Scopul principal care trebuie urmărit este acela de a stabili o prezentare 
(layout) consistentă şi logică a conţinutul destinat a fi prezentat pe ecran, ceea 
ce va permite apoi ataşarea de text şi de alte informaţii grafice/multimedia 
pentru fiecare pagină în parte, fără a mai realiza de fiecare dată o analiză a 
stilului de aranjare. Rezumând, proiectantul Web trebuie să imagineze un 
şablon ferm de prezentare vizuală a conţinutului. Acest şablon, utilizând 
tehnicile caroiajului, va trebui utilizat pentru toate paginile dintr-un sit sau 
dintr-un subsit, în caz contrar designul global va avea de suferit, consecinţa 
majoră fiind distragerea vizitatorilor. 


Desigur, pentru un anumit sit putem să ne inspirăm din designul folosit în altul. 
Acest lucru se poate realiza optim prin analizarea caroiajului utilizat. 
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De exemplu, pentru realizarea paginilor sitului unui simpozion ştiinţific 
(International Symposium on Parallel and Distributed Computing - ISPDC 2002, 
desfăşurat la Iaşi în iulie 2002), s-a adoptat un design bazat pe caroiaj compus din mai 
multe zone importante care se pot remarca În captura-ecran de mai jos: 


î international Symi 


Q ng international Organizing Committee 
Committee 


* Anthony T. Chronopouios, UTSA, USA 
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Local Organizing Committee 


* Mihasla Brut 
# Sabin-Corneliu Buraga 
* Gtefon Tanasă 
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Exemplu de design bazat pe caroiaj 


Prezentarea informaţiilor s-a realizat în cadrul a şase zone distincte, folosindu-se 
o temă cromatică bazată pe albastru-petrol: 


w3 


1. în această primă zonă se stabileşte contextul: vizitatorul poate săşi dea seama că 
pagina aparţine sitului simpozionului ISPDC ~ www. infoiasi .ro/-ispăc/; 

2. a doua zonă este dedicată meniului orizontal de navigare cuprinzând, 
structurate pe trei rânduri, legături spre celelalte pagini de interes ale eveni- 
mentului ştiinţific; 

3. zona a treia direcţionează atenţia cititorului asupra subiectului conţinutului 
paginii curente, avându-se în vedere parcurgerea pe coloane a informaţiilor; 

4. a patra zonă include conţinutul propriu-zis; subtitlurile sunt diferenţiate prin 
intermediul unor proprietăţi de stil CSS, iar informaţiile sunt structurate ca 
elemente de listă în vederea unei parcurgeri facile; 

5. zona a cincea joacă un rol dublu: în primul rând să echilibreze designul prin 
includerea siglei simpozionului (regăsită şi în cadrul paginii de start) şi a 
locului şi datei la care acesta se desfăşoară, iar în al doilea rând să ofere 
posibilitatea revenirii la pagina de început - sigla are ataşată legătură spre 
rădăcina sitului; 

6. ultima zonă cuprinde legături spre începutul paginii şi către pagina de start, 
data ultimei actualizări, numele persoanei responsabile cu actualizarea 
informaţiilor (inclusiv legătura către situl personal al acesteia). 


Din punct de vedere tehnic, s-a recurs la un tabel HTML având o lăţime de 750 
de pixeli pentru a putea fi vizualizat fără dificultăţi pe sistemele cu rezoluţia medie 
de 800x600 de pixeli. Meniul de navigare este inclus în alt tabel utilizat pentru 
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aranjarea judicioasă a fiecărei legături text spre paginile subiectelor principale ale 
sitului. Lungimea totală a paginii (codul-sursă HTML, fişierul CSS ataşat, 
pictograma utilizată ca indicator de element de listă - bullet - şi sigla micşorată a 
simpozionului) nu depăşeşte 11 kilobytes. 

Se remarcă faptul că designul este optim pentru vizualizarea paginii pe ecran, dar 
impropriu pentru listarea la imprimantă a conţinutului (partea extremă dreapta va fi 
trunchiată). 


Anteturi şi subsoluri de pagină 


Trebuie să reamintim faptul că procesul de transfer al conţinutului documentelor de 
la serverul Web spre navigator necesită un anumit timp, astfel încât pagina îşi 
construieşte gradual impactul grafic. Cea mai bună măsură a eficienţei designului 
unei pagini este dată de numărul opţiunilor disponibile utilizatorului în cei câţiva 
centimetri din antetul acelei pagini. Incluzând în antetul paginii elemente grafice de 
mari dimensiuni, având drept consecinţă întârzierea încărcării conţinutului 
propriu-zis, nu vom face decât să determinăm vizitatorul să părăsească situl şi să se 
îndrepte spre adresele altor situri, mai uşor de parcurs. 

Astfel, trebuie să gândim în termeni de ecrane de informaţie şi nu de pagini 
deoarece, după cum am văzut, Web-ul este un mediu special de interacţiune. Cele 
mai bune soluţii de proiectare adoptă în cadrul antetului paginii o combinaţie 
echilibrată de elemente grafice cu legături spre alte documente. O tehnică des 
folosită este cea a imaginilor senzitive (image maps), care însă trebuie dublate de 
legături text prezente în subsolul aceleaşi pagini. A se vedea şi „Organizarea 
instrumentelor de navigare” din cadrul secţiunii 5.2.3 

În ceea ce priveşte subsolul paginii Web, acesta va conţine informaţii referitoare 
la originea şi data ultimei actualizări a conţinutului. Desigur, aceste informaţii nu 
sunt atât de importante pentru a fi plasate în antetul documentului, dar ele trebuie 
obligatoriu să apară în subsol. De cele mai multe ori, subsolul va include şi un meniu 
de legături navigaţionale de genul Pagina următoare, Pagina anterioară, La începutul 
paginii, Înapoi la prima pagină etc. Pentru situl unui magazin de comerţ electronic 
putem înlocui o parte dintre legături cu Următorul produs, Precedentul produs şi Lista 
tuturor produselor. 

Unele dintre sfaturile care pot fi aplicate în proiectarea şi tehnoredactarea 
materialelor tipărite pot fi folositoare şi în contextul designului Web: 


* aspectul aerisit al paginii poate fi dat şi de stabilirea unor margini suficient de 
mari şi de adăugarea de spaţii între anteturi şi subsoluri de pagină şi textul 
adiacent. De altfel, spaţiile albe pot contribui foarte mult la realizarea unui 
design profesionist; 

e liniile lungi de text trebuie înlocuite cu mai multe coloane - maxim 3-4, 
Aceste coloane trebuie spaţiate corespunzător; 

e se pot utiliza, de asemenea, diverse chenare (borders) pentru încadrarea unor 
zone din pagină - de exemplu, combinaţii de linii orizontale şi verticale (rules) 
sau casete de text (definite prin tabele sau proprietăţi CSS). 


Vom detalia aceste ultime aspecte în următoarea secţiune a capitolului de faţă. 
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5.2.5 Designul conținutului 


Aspecte tipografice ale conţinutului text 


Acelaşi text (adică aceeaşi informaţie) poate fi vizualizat într-o multitudine de forme. 
O vizualizare diferită va avea drept consecinţă un impact diferit asupra cititorului, 

Unul dintre aspectele care trebuie luate în consideraţie este cel al contrastului 
vizual dintre blocurile de text şi zonele înconjurătoare ale acestora. Ochiul şi mintea 
vizitatorului sunt atrase de contrastul ferm şi de formele distincte oferite de o pagină 
Web. O pagină ocupată exclusiv de informaţii text dense nu va fi percepută decât ca 
o imensă pată cenuşie, lipsită de orice urmă de contrast vizual. Uniformitatea 
excesivă nu va atrage atenţia utilizatorilor. La fel, dacă toate propoziţiile sunt scrise 
cu caractere italice ori aldine (îngroşate), vizitatorul nu va mai percepe care 
informaţie este cu adevărat importantă pentru dânsul. 

Punctul-cheie este economia de mijloace. Folosind fără discernământ zeci de 
proprietăţi CSS aplicate asupra conţinutului unei pagini Web, nu vom obţine decât 
un „vacarm” vizual, în care fiecare element este tratat ca fiind solist într-o 
„orchestră” a formei şi conţinutului. 


e Utilizarea majusculelor. În ceea ce priveşte aspectul vizual al textului, trebuie 
în primul rând să avem în vedere faptul că oamenii citesc în principal prin 
recunoaşterea formei generale a cuvintelor, nu prin analizarea fiecărei litere în 
parte. Scrierea întregului text cu majuscule va conduce la dificultăţi în 
parcurgerea acestuia, deoarece cuvintele compuse exclusiv din litere majuscule 
formează dreptunghiuri monotone care oferă un contrast mai puţin accentuat 
decât formele determinate de alternanţa dintre minuscule şi majuscule. 
Titlurile scrise doar cu majuscule ocupă mai mult spaţiu decât aceleaşi titluri 
având în componenţă combinaţii de minuscule şi majuscule. Mai mult, unele 
corpuri de literă au proiectate formele literelor majuscule pentru a fi utilizate 
doar în conjuncţie cu cele minuscule. De asemenea, folosirea inutilă a 
majusculelor poate crea confuzii. Aşadar, trebuie să evităm utilizarea 
majusculelor în situaţiile când nu sunt strict necesare. 

e Dimensiunea. Mărimea corpului de literă folosit contează foarte mult în 

asigurarea lizibilităţii conţinutului. Trebuie evitate liniile lungi, scrise cu 
caractere de dimensiuni reduse, deoarece ele necesită numeroase deplasări ale 
ochilor de la stânga la dreapta, fapt care oboseşte cititorul. De asemenea, nu se 
vor scrie linii scurte compuse din caractere de dimensiuni mari, pentru că ele 
de obicei sunt caracterizate de o spaţiere neregulată a cuvintelor. 
De cele mai multe ori, designul Web impune utilizarea unor corpuri de literă 
de dimensiuni reduse - uzual, de la 8 până la 12 puncte tipografice (pr). 
Titlurile pot fi scrise cu caractere de 14 sau 16 pt. Dacă folosim proprietatea 
CSS font-size vom utiliza o unitate de măsură relativă la corpul de literă 
curent şi nu una absolută, deoarece dimensiunea fontului depinde de rezoluţie 
şi monitor. De exemplu, pe platforma XWindow (din Unix) corpurile de 
literă vor părea mai mici decât sub Windows. 

e Tipul corpului de literă. Tipurile corpurilor de literă se referă la aspectul vizual 
al reprezentărilor simbolurilor (litere, cifre, semne speciale) pe ecran sau la 
imprimantă. Această reprezentare poartă numele de corp de literă sau de font. 
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Deşi numărul de caractere este acelaşi (de exemplu, codul ASCII clasic include 
maximum 128 de caractere care pot fi codificate intern prin numere), formele 
reprezentării acestora pot fi teoretic infinite. După cum am menţionat şi în 
subcapitolul dedicat foilor de stiluri în cascadă, corpurile de literă se împart în 
familii, iar fiecare tip de font se bucură de diverse proprietăţi (l.e. mărime, 
spaţiere între caractere sau culoare) sau de maniere de afişare (fonturi 
îngroşate - bold, italice sau oblice). Deosebirea dintre fonturile oblice şi cele 
italice este aceea că în cazul fonturilor italice sunt redesenate toate formele 
prin care se reprezintă un anumit caracter — succesiunea caracterelor italice 
sugerează scrisul de mână. Cele oblice (denumire şi înclinate) provin din 
formele obişnuite care sunt înclinate cu un anumit grad, 

Pentru alte detalii, a se vedea specificaţia CSS - nivelul 2, inclusă pe CD-ul 
care însoţeşte cartea de faţă. 

Famiile importante de corpuri de literă sunt: 


- cu serife (e.g: Times, Garamond, Bodoni, Minion Web) - fiecare repre- 
zentare (glyph) include adăugiri sau tuşe finale care contribuie la o bună 
lizibilitate în cazul tipăririi, mai ales prin contrastul puternic dintre 
fonturile obişnuite şi cele îngroşate; 

- fără serife - sans-serif (e.g: Arial, Helvetica, Verdana, Univers) - formele 
caracterelor nu includ serife, neavând nici un fel de adăugiri suplimentare, 
fiind indicate pentru afişarea pe ecran. Oferă un contrast mai puţin intens 
între corpurile de literă obişnuite şi cele aldine; 

- cursive (e.g: Zapf-Chancery, Caflisch Script, Adobe Poetica, Zurich 
Calligrafic) - oferă o reprezentare a corpurilor de literă sugerând scrisul de 
mână sau cu pana, formele caracterelor putând fi parţial sau complet 
conectate una cu cealaltă. Pentru dimensiuni reduse ale caracterelor, aceste 
tipuri de fonturi devin ilizibile; 

- decorative - fantasy (eg: Critter, Cottonwood, Star Down etc.) - pot 
conţine reprezentări ale caracterelor sau alte forme asociate fiecărui simbol 
(i.e. Webdings). Trebuie utilizate cu moderație; 

-  monospaţiate - monospace (e.g.: Courier, Prestige, Everson Mono) - se 
bucură de proprietatea că fiecare reprezentare a unui caracter are aceeaşi 
înălțime şi lăţime, spre deosebire de familiile anterioare care cuprindeau 
fonturi spaţiate proporţional (de exemplu, litera „î” are lăţimea mai mică 
decât „m” în cazul unui corp de literă spaţiat proporţional). Deoarece 
sugerează prin forma lor maşina de scris, fonturile din această categorie 
sunt folosite pentru afişarea fragmentelor de cod-sursă dintr-un limbaj de 
programare. 


După cum se observă, cele mai potrivite tipuri de fonturi care trebuie utilizate 
în cadrul paginilor Web sunt cele fără serife. De altfel, majoritatea siturilor 
actuale folosesc Arial sau Helvetica. 

Gruparea şi aranjamentul. Gruparea cuvintelor în cadrul unei linii de text este 
foarte importantă. La fel, aranjarea pe rânduri a textului. 

Prezentăm în continuare un exemplu greşit de aranjare pe linii: 


RR N RR RR RC RI PR RI PRI RR iaaiiai a e RR e a 
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e Spaţierea. După alegerea corectă a tipului de font şi a dimensiunii acestuia, 


trebuie aleasă spaţierea liniilor de text. Acest lucru se realizează prin 
intermediul proprietăţii line-spacing, pusă la dispoziţie de CSS. O 
spaţiere prea mică va conduce la diminuarea contrastului vizual al paginii, însă 
nu trebuie să trecem în extrema cealaltă. 

Un alt aspect important îl reprezintă spaţierea dintre paragrafe sau dintre 
paragrafe şi titluri/subtitluri, Folosind proprietăţile CSS - e.g.: margin-top 
şi margin-bottom — se poate alege o spaţiere precisă, coerentă pentru toate 
paginile Web ale sitului. 

Alinierea. Asigurarea unei alinieri corecte conduce la un design elegant. 
Trebuie să ţinem cont de faptul că alegerea modului de aliniere depinde de: 


- mesajul dorit a fi transmis cititorului — textul aliniat la stânga este 
considerat a fi mai prietenos, mai puţin formal şi mai deschis decât cel 
aliniat complet (justify). Textul aliniat complet, şi la stânga şi la dreapta, 
este utilizat pentru a sugera un stil clasic, plin de seriozitate, putând fi 
folosit în cazul cărților on-line; i 

- lungimea liniilor (coloanelor) — textul dispus pe coloane de lăţime redusă 
nu trebuie aliniat complet, mai ales în cazul folosirii unor corpuri de literă 
de dimensiuni mai mari, deoarece conduce la o spaţiere inegală între cuvinte; 

-  lizibilitatea - deşi nu există o părere unanim acceptată, se consideră că 
alinierea la stânga şi spaţierea unitară a cuvintelor oferă cititorilor mai 
mult confort la parcurgerea textului faţă de textul aliniat complet. 


De reţinut că paragrafele sau titlurile de lungimi mari aliniate la dreapta sau 
centrate sunt mai dificil de parcurs decât cele aliniate la stânga. De asemenea, 
subtitlurile vor fi centrate doar atunci când coloanele de text sunt aliniate 
complet pentru asigurarea unui contrast vizual puternic. Dacă textul este 
aliniat doar la stânga, atunci şi subtitlurile se vor alinia tot la stânga. 
Subtitlurile pot atrage atenţia utilizatorului şi prin variaţii de culoare, spaţiere 
sau dispunere spaţială în cadrul paginii. 

Indentarea. Pentru a face deosebirea între anumite zone de text, se poate 
utiliza indentarea diferită a textului faţă de titluri/subtitluri. Aceasta se poate 
realiza prin intermediul tabelelor de lățimi diferite sau cu ajutorul 
proprietăţilor de stil (e.g.: margin-left, margin-right). 
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O altă tehnică folosită este cea a liniilor orizontale sau a chenarelor (se pot 
utiliza marcatorul <hr> sau setul de proprietăţi CSS border). 

e Utilizarea titlurilor şi subtitlurilor. Un design bun al unei pagini Web nu va 

folosi fără discernământ pictograme, banner-e grafice, fundaluri colorate, 
ilustraţii (clip-art-uri) sau alte ornamentaţii. Captarea atenţiei vizitatorilor se 
va face prin utilizarea titlurilor şi subtitlurilor, similar metodei uzitate pentru 
materialele tipărite. O abordare consistentă a modului de poziţionare, aliniere 
şi afişare a acestora va avea drept consecinţe facilitarea parcurgerii conţinu- 
tului şi uşurinţa în navigare, 
La prima vizită pe pagină, privirea cititorului va baleia doar textul, oprindu-se 
asupra titlurilor, subtitlurilor şi a sumarelor de articole; aşadar trebuie să 
acordăm o atenţie specială acestor elemente ale conţinutului. Astfel, titlurile şi 
subtitlurile vor trebui să nu fie vagi, conţinând cuvinte lipsite de semnificaţie 
sau prea lungi. Titlurile şi subtitlurile vor avea un corp de literă diferit, în 
general fiind caracterizate de un stil care contrastează cu aspectul paragrafelor 
având informaţii de conţinut. 

e Titlul paginii. După cum am mai amintit, titlul paginii Web trebuie ales cu 
grijă, numele organizaţiei şi/sau subiectul tratat de acea pagină fiind 
obligatorii. De exemplu, pentru pagina privind serviciile oferite de o 
companie fictivă cu numele „Endirra”, am putea specifica: 


<title>Endirra | Servicii oferite</title> 


Titlul trebuie să fie suficient de scurt pentru a putea fi parcurs chiar şi dacă 
fereastra navigatorului este minimizată. 


Atenţionăm cititorul că designul bazat pe HTML şi CSS depinde şi de 
navigatorul folosit sau de platforma pe care acesta rulează. De exemplu, marginile de 
la chenarul ferestrei în care este afişată pagina Web şi conţinutul propriu-zis al 
acesteia variază de la navigator la navigator. La fel, după cum am mai menţionat, 
dimensiunea aceluiaşi corp de literă nu este constantă în toate cazurile. Astfel, 
verificarea temeinică — folosind mai multe tipuri de navigatoare (cel puţin Netscape 
şi Internet Explorer, pe platformele Windows şi Linux) - a încadrării şi alinierii 
corecte a elementelor în pagină este obligatorie. Conţinutul semantic al imaginilor 
poate produce efecte nedorite prin suprapunere şi juxtapunere cu textul. 

În vederea pregătirii conţinutului textual al paginilor sitului proiectat, trebuie să 
avem în vedere şi următoarele observaţii, puse în evidenţă de unii cercetători ai 
comportamentului utilizatorilor aflaţi pe Web: 


e de obicei, cititorii realizează o lectură de suprafață combinată însă cu 
aprofundări selective ale materialului parcurs. Trei sferturi dintre cititori îşi 
limitează lectura la parcurgerea cuprinsului şi a scurtei descrieri a articolului. 
De altfel, aceasta este o modalitate de prezentare foarte utilizată pe Web. 
Descrierii succinte Îi urmează de cele mai multe ori o legătură Detalii care 
conduce vizitatorul spre pagina prezentând integral subiectul abordat; 

e lectura este intercalată, fiind întreruptă frecvent prin deschiderea mai multor 
ferestre de navigare în care se caută separat informaţii, se accesează adrese de 
situri cunoscute sau se verifică, în paralel, poşta electronică. Astfel, utilizatorii 
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alternează situri accesate concomitent, atenţia nefiind focalizată exclusiv pe o 
fereastră de navigare, mai ales din cauza timpului de încărcare a paginilor 
Astfel, folosirea unei terminologii standard şi constante pe întregul sit elimina 
timpul suplimentar acordat de vizitator pentru realizarea eventualelor 
recorelări şi circumscrieri de sens la schimbarea rapidă a contextului. Nu 
trebuie ignorat faptul că sesiunea de lucru a unui utilizator poate dura ore 
sursele de lectură fiind diverse sau fragmentate de întreruperi alternându-se 
modalităţile de lucru; i 

* autorul paginii nu trebuie să folosească elemente care pot distrage atenţia pâna 
la a deveni supărătoare, Ca exemple putem enumera textul clipitor sau având 
o culoare inadecvată ori animaţiile: la un oarecare timp după îndeplinirea 
funcţiei pentru care au fost proiectate — de captare a atenţiei -, pot deranja şi 
determină utilizatorul să abandoneze pagina; 

e cei mai mulţi utilizatori sunt deranjaţi de erorile gramaticale şi de 
tehnoredactare. Se recomandă ca fiecare document să fie parcurs, înainte de a 
fi disponibil pe Web, de un expert filolog. De asemenea, trebuie evitate frazele 
excesiv de lungi sau cele incluzând expresii colocviale sau regionalisme. Un 
factor de care e bine să ţinem cont este internaţionalizarea conţinutului; 

e un alt aspect pe care nu trebuie să-l omitem este cel al prezenţei prea multor 
legături într-un paragraf de text. Este lipsit de sens să atragem vizitatorul să 
citească un paragraf care abundă de legături auxiliare invitându-l să parcurgă 
alte pagini, chiar aparţinând altor situri. De obicei aceste legături se grupează 
într-o zonă distinctă a paginii (e.g: în subsolul ei sau pe margini) ori într-o altă 
pagină intitulată A/te legături relevante? 


Elemente de grafică 


Pentru realizarea unui design Web atractiv, conţinutul grafic este o condiţie sine qua 
non. De cele mai multe ori când discutăm despre grafică ne referim la monitorul 
folosit, la rezoluţia sistemului şi la paleta de culori disponibilă. Vom reaminti o serie 
de noţiuni de bază în continuare. 

În mod uzual, folosim calculatoare dotate cu monitoare color cu tub catodic 
(CRT - Cathode Ray Tube) sau cu cristale lichide (LCD - Liquid Crystal Display) 
Modelul cromatic al luminii trasmise de acestea este bazat pe trei componente: sos 
(red), verde (green) şi albastru (blue) - modelul RGB. Din păcate, fiecare sistem 
realizează un management diferit al culorilor, existând deosebiri destul de mari între 
Macintosh şi Windows. Pentru listare, se foloseşte un alt model cromatic, o culoare 
fiind reprezentată de componentele: turcoaz (cyan), violet (magenta), galben (yellow) 
şi negru (black) - modelul CYMK. 

Culorile se mai pot caracteriza prin trei componente: tonul (bue), luminozitatea 
(brightness sau lightness) şi saturaţia (saturation) - modelul HSB. 


° Tonul face referire la numele familiar al culorii, putând fi amintite aici culorile 
primare (roşul, galbenul, albastrul în cromatica artistică) şi cele secundare 
(oranjul, verdele şi violetul în cromatica artistică) - denumiri pe care le 
conferim luminii percepute. Dispunând culorile pe un cerc, tonul reprezintă 
devierea măsurată în grade față de punctul de referință dat de culoarea roşie. 
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Spre exemplu, albastrului pur îi corespunde un ton de 240 de grade, iar 
verdelui un ton de 120 de grade. | 

e Termenul  /uminozitate desemnează intensitatea undei luminoase 
corespunzătoare culorii percepute. O luminozitate nulă echivalează cu negrul. 

e Saturaţia măsoară puritatea unei culori. O saturație nulă va desemna un gri al 
culorii care îi corespunde. Albul şi negru nu au asociate saturați, la fel orice 
griuri neutre (cele dintr-o imagine cu grade de gri, numită din acest motiv şi 
desaturată). 


dac 


Alegerea unei culori în GIMP - GNU image Manipulation Program 


Pentru reprezentarea informaţiilor pe ecran, zona de afişare este organizată 
asemenea unei matrice, fiecare element al acesteia fiind reprezentat de un pixel 
(picture element). Pentru a controla fiecare pixel de pe ecran, în mod independent de 
monitorul folosit, calculatorul are prevăzut un echipament denumit placă video. 
Aceasta oferă posibilitatea de a opera la mai multe rezoluţii şi adâncimi de culoare. , 

Rezoluţia desemnează numărul maxim de linii şi coloane ale matricei de pixeli. 
Cu câţiva ani în urmă, rezoluţia pentru calculatoarele personale era de 640x480 (640 
de pixeli lăţime şi 480 de pixeli înălţime). Actualmente, rezoluţiile uzuale sunt 
800x600 şi 1024x768. Stațiile grafice (e. g: Silicon Graphics Indigo) suportă rezoluții 
net superioare, de ordinul a câteva mii de pixeli lățime. a 

Deseori, rezoluţia imaginii se poate exprima şi ca număr de pixeli per inci (dpi - 
dots per inch), monitoarele calculatoarelor personale având de la 72 până la 96 dpi, iar 
imprimantele minimum 600 dpi. Grafica pentru Web trebuie salvată astfel doar la 
rezoluţie de 72 dpi, fiecare pixel al imaginii corespunzând unui pixel de pe ecran. 

În funcţie de memoria plăcii grafice, un pixel poate fi reprezentat pe mai mulţi 
biţi. O reprezentare pur alb-negru va necesita câte un singur bit asociat unui pixel. 
Dacă bitul are valoarea 1, atunci pixelul respectiv va fi „aprins”, iar dacă valoarea 
bitului este nulă, atunci pixelul va fi „stins”. În cazul în care un pixel se reprezintă pe 
un octet (8 biţi), atunci valoarea numerică a culorii pixelului va putea varia de la O până 
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la 255, pixelul respectiv putând fi „aprins” cu maxim 256 de culori. Memorând un 
pixel pe 16 biţi sau pe 24 biţi se vor putea afişa mii sau, respectiv, milioane de culori, 
dar memoria video va trebui să aibă o capacitate mult mai mare. Numărul de biţi 
folosiţi pentru „aprinderea” unui pixel furnizează tocmai adâncimea de culoare. O 
adâncime de 24 de biţi se mai numeşte şi True Color. Având 24 de biţi şi trei 
componente de culoare RGB, ne putem da uşor seama că fiecare componentă poate 
fi reprezentată pe 8 biţi. Aşadar, valoarea unei culori reprezentate poate fi văzută ca 
un triplu (r, g, b), unde fiecare valoare r, g şi b poate varia de la O la 255. Iată de ce 
codurile de culoare se reprezentau la HTML prin trei valori hexazecimale prefixate 
de „#” şi la CSS prin trei valori zecimale rgb(r, g, b). 

Evident, stocarea imaginilor la o rezoluţie ridicată şi cu o adâncime de 24 de biţi 
va necesita o cantitate mare de memorie. Deseori, aceste imagini sunt compresate 
pentru a putea ocupa mai puţin spaţiu, decompresia efectuându-se de cele mai multe 
ori în momentul afişării. Metodele de compresie pot fi fără pierderi - în urma 
decompresiei se obţine imaginea originală — sau cu pierderi - compresia va elimina 
unele informaţii din imaginea iniţială. 

O altă manieră de reprezentare a culorilor într-un fişier grafic este cea a indexării, 
utilizată pentru adâncimi de culoare de 8 biţi. În acest caz, cele maximum 256 de 
culori formează o tabelă de culori - CLUT (Color Look-Up Table) - denumită şi 
index sau paletă. Pixelii nu vor fi reprezentaţi prin valoarea culorii propriu-zise, ci 
prin valoarea indexului tabelei CLUT. Fişierele grafice indexate vor putea de 
asemenea să fie compresate ~ cazul formatului GIF. 
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O imagine color şi tabela CLUT asociată 


4 . u p - . pi . . . 

În cazul în care dorim să reprezentăm imagini compuse din numeroase primitive 
grafice (e.g: puncte, linii drepte sau curbe, zone rectangulare, elipse etc), putem 
adopta reprezentarea vectorială, în opoziţie cu cea de tip raster (bitmap). O imagine 
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vectorială va conţine informaţii despre mulţimea de primitive grafice folosite şi 
proprietăţile acestora (poziţie, dimensiuni, mod de colorare etc.) şi nu despre 
matricea de pixeli care o reprezintă - cum se întâmplă în cazul imaginilor raster, 
Astfel, asupra unei imagini vectoriale se pot realiza mult mai uşor diverse operaţii 
precum translarea, scalarea sau rotirea imaginii în ansamblu sau a unor părţi din 
aceasta. 


Formate grafice 


Imaginile vor putea fi reprezentate color în diferite formate grafice. Astfel, de-a 
lungul timpului au existat diverse formate de fişiere dintre care se pot aminti: 


e Windows Bitmap (BMP) originar în mediile Windows, poate avea două forme: 
compresată sau necompresată, putând suporta imagini color pe 24 biţi/pixel. 

o Encapsulated PostScript (EPS) este un format conceput de Adobe, subset al 
limbajului de descriere Postscript. Oferă suport atât pentru imaginile raster, 
cât şi pentru cele vectoriale. Fişierele EPS pot fi utilizate pentru listarea de 
calitate a imaginilor la o imprimantă compatibilă PostScript şi pot fi de tip 
ASCII - includ o descriere textuală a imaginii (atât pentru imprimantă, cât şi 
pentru monitor) — sau de tip binar - comenzile de desenare sunt substituite de 
coduri numerice. Unul dintre dezavantajele majore este legat de absenţa 
comprimării. 

o Tagged Image File Format (TIFF) a fost dezvoltat de compania Aldus ca 
standard pentru imaginile scanate, folosit ulterior pentru schimbul de 

a informaţii grafice între aplicaţii şi platforme eterogene. Se utilizează pentru 
imagini de calitate, în vederea tipăririi. 

e PICT/PICT? se adresează aplicaţiilor grafice de pe platformele Apple 
Macintosh, putând stoca imagini bitmap şi vectoriale. Se oferă adâncimi de 
culoare de 8 şi 24 de biţi. Imaginile stocate în acest format pot fi vizualizate de 
programul Quick Time. 


Pentru Web, formatele consacrate de reprezentare a imaginilor sunt: 


e Graphic Interchange Format (GIF) - dezvoltat de Compuserve ca metodă de 
transfer prin reţea a fişierelor compresate, este un format de tip raster cu 
compresie fără pierderi. Se regăseşte în două forme: GIF87a şi GIF89a, fiind 
suportat pe o varietate de sisteme. Din păcate, metoda de decodificare este 
relativ lentă şi nu se oferă decât o adâncime de culoare de 8 biţi — se foloseşte 
metoda indexată de memorare a informaţiilor de culoare. Având doar 256 de 
culori la dispoziţie, fişierele în format GIF pot fi folosite la stocarea textelor, 
diagramelor, schemelor sau altor imagini incluzând puţine culori. De 
exemplu, se vor putea memora pictograme, afişe publicitare (bannere), 
scheme alb-negru etc. 

Avantajele formatului GIF sunt: 

__ realizarea de animații - un singur fişier poate conţine mai multe imagini 
afişate în diverse momente de timp; 

- transparența — una dintre culorile din tabela CLUT poate fi considerată a 
fi transparentă, orice apariţie a ei fiind înlocuită de culorile fundalului pe 
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care este suprapusă imaginea. Transparenţa oferă avantaje în ceea ce 
priveşte refolosirea unor imagini în diverse contexte, fără a ne interesa 
culoarea de fundal, îndeosebi când reprezentăm forme nerectangulare 


„_ Folosirea unui fişier GIF transparent şi 
a unuia netransparent în conjuncţie cu utilizarea unui fundal 


Din păcate nu se oferă transparenţă selectivă: dacă fixăm o culoare ca fiind 
a ete e să avem grijă ca acea culoare să nu fie folosită în 
A 

ia mă culoare de fundal, în caz contrar putând apărea efecte 
întreţeserea - un fişier GIF convenţional la momentul încărcării est 

reprezentat linie cu linie, pornind din partea superioară a imaginii pe ia 
o conţine, Prin tehnica întreţeserii (interlacing) se oferă însă sie lise 4 
ca în timpul încărcării utilizatorului să-i fie oferită aceeaşi imagine 
rezoluţii progresiv mai bune. Iniţial, un GIF întreţesut va fi ie i 
rezoluție inferioară, iar pe măsura încărcării va furniza în mod gradual a 
multe detalii privitoare la imagine până la rezoluția aaa ka i 
vizitatorilor li se vor oferi indicii în legătură cu imaginea respectivă pr 
în cursul încărcării, Un fişier GIF întreţesut va necesita acelaşi tim de 
încărcare ca şi unul obişnuit. Ai 


Efectele vizuale ale încărcării unei imagini stocate ca GIF întrețesut 


De asemenea, formatul GIF89a față de GIF87a permite includerea de 
comentarii privitoare la creatorul imaginii, afişarea unor linii de text sau 


controlarea modului de dispariţie a unui anumit cadru înainte de afişarea 
următorului, în cazul GIF-urilor animate. 
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În general, pentru Web nu se foloseşte o paletă de 256 de culori, ci una 
compusă numai din 216 - aşa-numitele culori sigure (safe colors). Această paletă 
cromatică include culorile care pot fi afişate fără modificări atât de moni- 
toarele Macintosh cât şi de cele ale calculatoarelor personale compatibile IBM. 
Un aspect de care trebuie să ţinem cont este „scalarea” cromatică a unei 
imagini conţinând un număr mare de culori la cele maxim 256 de culori 
permise de formatul GIF. Modalităţile de ajustare a pierderilor cromatice 
poartă numele de dithering. Astfel, culorile care nu pot fi reprezentate vor fi 
„simulate” prin juxtapunerea unor culori care să ofere vizual o culoare 
apropiată de cea iniţială. 
Adobe Photoshop oferă mai multe moduri de a realiza această acţiune: 
- prin difuzie (difusion dithering) - urmărind o îmbinare naturală a culorilor; 
- prin intermediul unor modele (pattern dithering) - culorile sunt dispuse 
conform unor modele geometrice; 
- prin zgomot (noise dithering) - nu se urmăreşte o arie de tranziţie de la o 
culoare la alta, ci se amestecă la nivel global culorile. 


” original diffusion 


, pattern 


Diverse moduri de aplicare a dithering-ului 
pentru o imagine GIF salvată cu paleta Web (216 culori) 


Există o multitudine de programe pentru vizualizarea şi procesarea fişierelor 
GIF. Putem enumera Irfan View, GIF Master, GIF Construction Set sau GIMP. 
Pentru prelucrarea profesionistă şi optimizarea fişierelor GIF (e.g.: reducerea 
paletei CLUT sau interpolarea culorilor), se recomandă utilizarea aplicaţiilor 
Adobe Photoshop şi Adobe ImageReady. Pe CD-ul care însoţeşte cartea de faţă 
sunt puse la dispoziţie o serie de utilitare pentru crearea de fişiere GIF 
animate, pe platformele Linux şi Windows. 
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° Joint Photographic Experts Group (JPEG) - oferă un mecanism standardizat de 


compresie a imaginilor cu tonuri continue (de exemplu fotografii), color sau 
in tonuri de gri, dezvoltat de experţi fotografi. Spre deosebire de GIF 
formatul JPEG este un format grafic cu pierderi, fiind conceput să exploateze 
limitele cunoscute ale ochiului uman: schimbările mici de A tă Sai 
percepute cu o acuratețe mai scăzută decât modificările de strălucire. Astfel 
imaginile JPEG sunt destinate a fi privite de oameni şi nu analizate într-o 
manieră computerizată, deoarece în urma decompresiei nu va mai rezult 
imaginea originală. i 
Formatul JPEG permite stocarea informațiilor de culoare pe.24 biţi/pixel 
(16 milioane de culori) - adâncimea de culoare True Color. oi 


JPEG 

reducere minimă 
calitate bună (80%) 
dimensiune: 4,5 KB 


JPEG 
z T reducere maximă 
: calitate slabă (10%) 
7 fi Ă dimensiune: 1,7 KB 


GIF 
paletă Web (216 culori) $ 
dimensiune: 15 KB 


JPEG versus GIF 


O proprietate folositoare este aceea că formatul JPEG suportă mai 

grade de pierdere (reducere), în funcție de a de ia 
O reducere accentuată va avea drept consecinţe o calitate slabă a imaginii şi 3 
dimensiune mult redusă a fişierului (există cazuri de micşorare de până la 100 
de ori a dimensiunii fişierului). Un al aspect important se referă la faptul că 
decodoarele JPEG pot folosi aproximări (cu un grad mai ridicat de 
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inexactitate) în vederea accelerării procesului de decodificare a imaginii. 
Trebuie avută în vedere o balanţă echilibrată între calitatea imaginilor JPEG 
şi dimensiunea fişierelor rezultate. De cele mai multe ori, la rate mari de 
compresie apar efecte nedorite — aşa-numitul zgomot (noise) -, în special dacă 
sunt memorate în format JPEG grafice, scheme sau imagini generate de 
programe vectoriale şi rasterizate ulterior. În astfel de cazuri, formatele GIF 
sau PNG sunt de preferat. 


Prezenţa zgomotului într-o imagine JPEG (dreapta); 
comparați cu aceeaşi imagine salvată ca fişier GIF (stânga) 


Şi formatul JPEG permite utilizarea întreţeserii, dar în acest context fişierele 
se numesc progresive. Detaliile imaginii se îmbogăţesc progresiv cu încărcarea 
fişierului, putând exista până la 5 niveluri de detaliere. De obicei, afişarea fişie- 
relor JPEG progresive necesită mai mult timp decât afişarea celor obişnuite. 
Alte formate înrudite cu JPEG sunt JFIF (PEG File Interchange Format) şi 
JPEG 2000. Putem, de asemenea, nota faptul că tehnicile de compresie JPEG 
se regăsesc şi în cadrul standardului video MPEG (Motion Picture Experts 
Group). Deoarece filmele conţin atât imagini cât şi sunet, formatul MPEG le 
poate comprima pe ambele. Un format Web popular derivat din MPEG şi 
utilizat pentru compresia audio este formatul MP3. 

Portable Network Graphics (PNG) - este un format relativ nou apărut, fiind 
dezvoltat special pentru Web de către un grup independent de experţi. 
Combină avantajele formatelor GIF şi JPEG, astfel incât fişierele PNG 
suportă transparenţa oferită de GIF şi adâncimea mare de culoare, facilitate 
oferită iniţial numai de JPEG. Mai mult, fişierele PNG sunt compresate fără 
pierderi, deci pot fi memorate orice tipuri de imagini, pornind de la ilustraţii 
şi pictograme până la fotografii sau imagini de sinteză. De asemenea, se oferă 
posibilitatea de control - în manieră graduală - al transparenţei imaginilor. 
Spre deosebire de GIF, algoritmii de compresie şi decompresie sunt disponi- 
bili gratuit, PNG fiind un standard deschis. Din acest punct de vedere, PNG 
este denumit şi PNG is Not GIF, aluzie la celebrul GNU - GNU is Not Unix. 


` Din punctul de vedere al lungimii, fişierele PNG sunt mai voluminoase, 


deoarece informaţiile grafice nu sunt compresate cu pierderi aşa cum se 


voma 


vecina do ipac ia epitet ta ipac pat ăn ih ac dia le i ab 
miere unea ret tente anaana 
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întâmplă în cazul formatului JPEG. Excepţie face situaţia când se salvează în 
format PNG indexat o imagine în tonuri de gri (gray scale), care va ocupa 
mult mai puţin spaţiu decât dacă ar fi stocată în format GIF. Astfel, imaginile 
mici (e.g.: butoanele sau pictogramele) pot fi memorate ca fişiere PNG, pentru 
a evita problemele compresiei cu pierderi şi a accelera încărcarea paginii Web. 
Formatul PNG este suportat de navigatoarele Web actuale, începând cu 
versiunile 4 ale Netscape Navigator şi Internet Explorer. De asemenea, 
aplicaţiile de prelucrare grafică sunt capabile să proceseze fişierele PNG. 

o Wireless Bitmap (WBMP) ~- reprezintă unicul format grafic acceptat în lumea 
comunicaţiilor fără fir (wireless). Imaginile vor fi reprezentate uzual alb-negru, 
iar adâncimea de culoare poate varia de la 1 până la 8 biţi/pixel. De cele mai 
multe ori, dimensiunile imaginilor care se doresc stocate în formatul WBMP 
trebuie să fie reduse (i.e. 96x80) pentru a putea fi vizualizate pe ecranele 
telefoanelor mobile sau ale altor dispozitive fără fir, 

Ca editoare grafice WBMP se pot menţiona WAPDraw, WAP Pictus şi Adobe 
Photoshop. 

e Scalable Vector Graphics (SVG) - este singurul format vectorial destinat Web-ului, 
fiind standardizat de Consorţiul Web. Astfel, orice informaţie grafică 
vectorială se doreşte a fi stocată în formatul SVG pentru a putea fi uşor 
modificată ulterior sau pentru a extrage diverse meta-informaţii despre 
imaginea respectivă, lucru imposibil de realizat în cazul formatelor de tip 
raster. SVG se bazează pe XML, în prezent existând un singur navigator Web 
capabil să vizualizeze imagini salvate în acest format - Amaya. Un 
vizualizator SVG gratuit este disponibil pe situl Adobe la adresa 
http: //wwuw . adobe .com/svg/viewer/.. 


Utilizarea ilustraţiilor şi fotografiilor 


Grafica oferă o paletă foarte largă de utilizări, facilitând transmiterea mesajului 
informaţiilor, accentuarea unui punct de vedere şi oferirea unei identități 
recognoscibile publicaţiilor tipărite sau siturilor Web. 

Pentru transmiterea pe Web a informaţiilor, grafica poate să nu fie neapărat 
necesară, însă ea devine un element vizual important, captând interesul vizitatorilor 
sitului dezvoltat. După cum am văzut, grafica reprezintă o componentă deloc de 
neglijat în cadrul procesului de proiectare a unui sit. 

Cu toate că ilustrațiile şi fotografiile destinate vizualizării pe Web sunt stocate la 
rezoluţii relativ mici, ele pot fi percepute mult mai bine de retină în comparaţie cu 
variantele lor tipărite, deoarece lumina transmită de ecranul calculatorului oferă o 
intensitate cromatică mai accentuată, 

Tipărirea color este pretențioasă şi necesită fonduri financiare însemnate, în 
schimb grafica pe Web nu implică nici un efort pentru reprezentarea în culori a 
informaţiilor. Astfel, spaţiul World-Wide Web a devenit un mediu prielnic pentru 
partajarea de fotografii, reproduceri de artă, ilustraţii diverse sau alte tipuri de 
informaţii cu caracter grafic. 

Un alt aspect important este folosirea fotografiilor — scanate sau preluate de pe 
camerele digitale — în locul graficii realizate exclusiv prin metode electronice. Un 
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exemplu tipic de utilizare este în domeniul comerţului electronic, în cadrul 
magazinelor virtuale. Deseori se combină însă fotografia cu grafica electronică - 
adoptând de exemplu diverse tehnici, precum colajul - pentru a se putea exprima 
eficient mesajul dorit a fi împărtăşit vizitatorilor sitului, 

Regula de aur pentru includerea fotografiilor în cadrul designului sitului Web 
este găsirea celui mai potrivit element grafic, în acord cu tema propusă. În general, 
fotografiile cu cea mai mare utilitate sunt cele care descriu produsele prezentate de 
sit, deoarece vizitatorul va fi convins că acestea există în realitate şi nu doar pe ecran. 
Astfel, fotografia contribuie la credibilitatea sitului respectiv. 

De cele mai multe, siturile de firmă includ una sau mai multe fotografii, eventual 
prelucrate la nivel profesionist, ale produselor/serviciilor puse la dispoziţie. Acest 
demers are un deosebit impact psihologic, inducând sentimente de încredere, 
satisfacţie sau bucurie, fiind similar celui din publicitatea clasică. Anumite fotografii 
pot sugera metaforic anumite calităţi şi caracteristici ale profilului companiei sau ale 
personalităţii celui care deține situl: stabilitate, flexibilitate, ambiţie, calm etc. 

Trebuie, de asemenea, să ţinem seama de plasarea fotografiilor în cadrul sitului şi 
de integrarea acestora în designul general. Aşa cum am mai spus, va fi necesară 
asigurarea consistenţei şi echilibrului vizual. 

În vederea completării cu elemente de grafică a conţinutului textual al sitului 
Web trebuie să ţinem seama de: 


e Utilizarea ilustraţiilor de calitate. Numeroase situri Web folosesc elemente 
grafice împrumutate, copiate sau aparţinând colecţiilor, gratuite sau nu, de 
grafică (de genul celor oferite de unele editoare profesioniste incluse în suitele 
de birou - e.g. Open Office ~, de programele de proiectare Web sau de situri 
dedicate graficii). Astfel, se asistă la o uniformitate grafică, multe situri 
incluzând aceleaşi elemente grafice (pictograme, butoane de navigare, sigle 
etc.) vechi, uneori chiar demodate. Un alt aspect important este cel estetic, 
multe dintre aceste imagini — luate deseori fără discernământ de pe Web -~ 
fiind pur şi simplu improprii utilizării într-un anumit context, în cadrul unei 
pagini particulare. De asemenea, trebuie să ţinem cont că anumite fişiere 
grafice sunt proprietatea unei companii sau persoane, aşa încât nu pot fi 
refolosite fără permisiune. 

Improvizaţia, facilul, uneori chiar prostul gust nu pot intra în definiţia unui 
produs de calitate, iar un sit Web trebuie să aspire la acest calificativ - 
calitatea. 

În general, exceptând cazul în care dorim să fim acuzaţi de amatorism, nu este 
indicat să includem o imagine animată care să indice vizitatorilor adresa la 
care pot să ne trimită mesaje. Nu trebuie să populăm meniul de navigare cu 
simboluri neadecvate - metafore nepotrivite care nu vor avea succesul scontat. 
De asemenea, ataşând fiecărui cuvânt-cheie câte o imagine considerată 
sugestivă, vizitatorul ar putea avea impresia că îi oferim prea multe explicaţii 
vizuale, ceea ce poate conduce la redundanţă. De cele mai multe ori, în aceste 
situaţii credibilitatea proiectantului Web va avea de suferit. 

Soluţia cea mai bună este utilizarea de elemente grafice noi, originale. Acestea 
pot fi cumpărate de la companii specializate sau pot fi realizate de proiectantul 
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Web. Multe informaţii grafice trebuie convertite din diverse alte formate în 
GIF, JPEG sau PNG în funcţie de natura ilustraţiei sau de contextul utilizării 
De cele mai multe ori se pot opera şi alte acţiuni precum scalarea, ajustarea 
culorilor sau aplicarea unor efecte grafice (e.g.: înceţoşarea imaginii). Toate 
acestea trebuie realizate la nivel profesionist, folosind aplicaţii specializate 
Recomandăm Photoshop - software comercial - şi GIMP - aplicaţie gratuită. 
Anumite ilustraţii trebuie realizate folosind programe vectoriale, de exem lu 
Adobe Illustrator pentru Windows sau Apple şi Dia şi XFig Sa 
Linux/Unix, fiind convertite ulterior în formate destinate Web-ului. si 
imagini veridice tridimensionale se pot utiliza aplicaţii - Bryce, Maya sau 3D 
Studio Max ~ ori lumi virtuale modelate în VRML. De asemenea. în unele 
situaţii va trebui să recurgem la scanarea fotografiilor sau la fovoorabareă 
directă utilizând camere digitale. 

Reamintim faptul că ilustrațiile nu trebuie folosite într-un mod neunitar din 
punctul de vedere al formei, al poziționării sau al culorilor utilizate. 
Minimizarea timpului de încărcare. Trebuie să reținem că succesul unei pagini 
Web rezidă în timpul scurt de încărcare a conţinutului acesteia. Astfel. în 
primul rând, elementele grafice trebuie să fie de dimensiuni reduse şi = fie 
utilizate cu moderație. Folosind un program de optimizare pentru vizua- 
lizarea pe Web a imaginilor, ca de exemplu Adobe ImageReady, dimensiunea 
fişierelor poate scădea foarte mult. Un astfel de utilitar poate, printre altele 
reduce numărul de culori din tabela CLUT a fişierelor GIF sau ajusta gradul 
de compresie a fişierelor JPEG. i 

De asemenea, va trebui inclus obligatoriu atributul alt pentru fiecare 
element <img>, astfel încât vizitatorii să poată parcurge informaţiile textuale 
alternative în locul celor grafice, încă neîncărcate în întregime. 


f Lorem ipsum dolor site amet, consectetuer adipiscing elit, sed diam 
nonummy nibh vulutpat larem ipsum dolor site amet, consectetuer 
adipiscing elit, sed diam nonummy nibh vulutpat 


4 Sigla companiei 


E Reclam 
j 


Lorem ipsum dolor site amet, consectetuer adipiteing elit, sed diam 
nonummy nibh vulutpat iorem ipsum dolor site amet, consectetuar 
adipiscing elit, sed diam nonummy nibh vukutpat 


Informații textuale alternative conținutului grafic 


Timpul de încărcare poate fi redus (aparent) şi dacă precizăm dimensiunile 
imaginilor prin folosirea atributelor width şi height, specificând astfel 
A 5 d Roua s z șI A 

lăţimea şi, respectiv, înălțimea conţinutului grafic. În acest mod, navigatorul 
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poate rezerva încă de la încărcarea documentului HTML spaţiul necesar 
fiecărei imagini, nu după transferul tuturor fişierelor. Aceste atribute nu 
trebuie însă folosite pentru a indica navigatorului să redimensioneze 
imaginile, deoarece dimensiunea iniţială a fişierelor grafice va rămâne 
neschimbată, timpul de încărcare fiind acelaşi. Utilizarea atributelor width şi 
height este valabilă şi pentru tabele sau în cazul oricăror elemente pentru 
care se poate preciza dimensiunea (Le. <object> utilizat la includerea de 
fişiere multimedia). 

Putem micşora timpul de încărcare renunțând la imaginile de fundal de 
dimensiuni mari (cum ar fi, de exemplu, cele de peste 5 Kb). Ideal, imaginile 
de fundal ar trebui eliminate complet. La fel, se poate renunţa la utilizarea de 
fişiere GIF animate care au dimensiuni mult mai mari decât cele statice. 

O altă strategie care poate fi aplicată paginilor cuprinzând colecţii de imagini 
(e.g: galerii de fotografii sau reproduceri de artă) este aceea de a realiza 
variante de dimensiuni reduse pentru fiecare imagine (thumbnail şi de a crea o 
pagină suplimentară pentru vizualizarea la dimensiuni mai mari a imaginii 
dorite. 


Welcome to my Web page 


Prezentarea la dimensiuni reduse a imaginilor 
compunând o galerie de picturi electronice 


Conţinutul multimedia 


Multimedia reprezintă o combinaţie de mai multe medii, precum textul, imaginile 
statice - fotografii, scheme, diagrame -, animaţiile, conţinutul audio şi video. 
Mediile statice (text, imagini) se mai numesc şi discrete, iar cele dinamice (animații, 
audio şi video) - continue. 


Dacă de text şi imagini ne-am ocupat în cele de mai sus, în continuare vom 


discuta despre conţinutul sonor, animat şi video. 
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e Sunetul. De la bun început trebuie să menţionăm că sunetul reprezintă un 


element deranjant în cadrul unei pagini Web. Deşi unele efecte sonore pot fi 

benefice în anumite situaţii - în domeniul academic sau al afacerilor -, deseori 

devin enervante, de exemplu o melodie de fundal rulată dz capo al fine de 
nenumărate ori. 

Formatele audio care pot fi utilizate sunt: 

- MIDI (Musical Instrument Digital Interface) este un format simplu, 
conţinând doar instrucţiuni pentru crearea de sunete, placa audio a 
calculatorului fiind responsabilă de interpretarea acestora şi de generarea 
efectelor sonore respective. Fişierele MIDI au dimensiuni reduse (de 
ordinul zecilor de kilo-octeţi) şi vor putea fi folosite, de exemplu, ca 
fundaluri sonore pentru o pagină Web; 

- MP3 reprezintă unul dintre cele mai populare formate actuale, variantă 
restrânsă a standardului video MPEG. Poate fi utilizat pentru stocarea de 
melodii de dimensiuni apreciabile la calitate destul de bună, folosind însă 
compresia cu pierderi. Ca şi formatul MIDI, este suportat de majoritatea 
platformelor, existând o multitudine de programe de procesare a acestuia - 
a se vedea şi situl www .mp3 . com; 

- WAV este un format specific Windows, stocând conţinut audio fără nici o 
compresie, fişierele rezultate fiind voluminoase; 

- Real Audio este un format destinat difuzării de conţinut audio în timp real 
(streaming audio), fiind folosit mai ales de posturile de radio care emit pe 
Web. Sunetele vor putea fi percepute concomitent cu încărcarea conți- 
nutului şi nu după transferul complet al fişierului, aşa cum se întâmplă în 
cazul formatelor menţionate anterior. Pentru accesarea fişierelor în format 
Real Audio de cele mai multe ori se apelează la programul gratuit RealOne 
Player, disponibil la adresa www. real . com; 

- QuickTime, format specific Apple, este în multe privinţe asemănător 
formatului Real Audio. Pentru accesarea acestui tip de fişier este necesară 
aplicaţia QuickTime - www.apple.com. Navigatoarele actuale includ 
plugin-ul QuickTime, capabil să interpreteze mai multe tipuri de conţinut 
multimedia: fişiere grafice PICT şi TGA, fişiere audio MIDI, AIFF sau 
Quick Time, prezentări SMIL sau fişiere video. 


e Animaţiile. În special în domenii precum divertismentul interactiv sau 


comerţul electronic, animaţiile sunt folosite cu scopul de a atrage atenţia sau 

de a determina utilizatorii să-şi petreacă timpul pe un sit. 

Printre metodele cele mai uzitate de a include conţinut animat în cadrul 

paginilor Web se pot enumera: 

- fişierele GIF animate - folosite mai ales în cadrul ornamentaţiilor sau 
afişelor publicitare, au avantajul că sunt interpretate direct de către 
navigator. Un dezavantaj este acela că efectele animaţiilor sunt reduse, 
calitatea prezentărilor fiind destul de precară; 

- programele JavaScript - pot fi uulizate pentru a crea anumite efecte 
animate, precum texte derulante, meniuri dinamice, succesiuni de imagini, 
defilarea conţinutului unei zone de fereastră etc. Din păcate, versiunile 
JavaScript suportate sunt dependente de navigator sau de platformă: 
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- applet-urile Java - sunt folosite pentru a obţine efecte spectaculoase, cu 
condiţia ca sistemul să includă suport pentru Java. Ca şi scripturile 
JavaScript, necesită cunoştinţe de programare; 

-  animaţiile Flash -~ oferă posibilitatea de a realiza efecte sofisticate, însă din 
păcate formatul Flash este proprietar. Pentru vizualizare necesită un 
plug-in, distribuit gratuit de Macromedia = www .macromedia.com. Ca şi 
applet-urile, prezentările Flash eronat realizate pot conduce la blocarea 
navigatorului sau la imposibilitatea de a fi încărcate; 

- documentele SMIL - sunt bazate pe marcatori, SMIL (Synchronized 
Multimedia Integration Language) fiind un limbaj XML special conceput 
pentru realizarea de prezentări sincronizate pe Web. Pentru vizualizare, 
necesită programe externe (î.e. GRiNS), iar navigatoarele actuale încă nu 
oferă suport. O variantă SMIL, denumită XHTML+ TIME, este totuşi 
implementată de Internet Explorer. : 


e Conținutul video. Secvenţele video pot fi deosebit de utile în anumite situaţii, 


mai ales în cadrul siturilor educaţionale sau în intranetul siturilor de firmă. 

Ca formate video care se pot utiliza pe Web putem menţiona: 

- MPEG (Moving Pictures Experts Group) este un format video compresat cu 
pierderi, fiind suportat de toate platformele. Un format concurent, 
proprietar Microsoft însă, este ASF; 

- AVI este un format specific Windows; 

- Real Video reprezintă un format, similar cu Real Audio, pentru difuzarea 
de conţinut video în timp real, fiind utilizat cu precădere de posturile de 
televiziune pe Web. Necesită aplicaţia RealOne Player; 

- QuickTime poate fi folosit şi în cazul filmelor, fiind originar de pe platforma 
Macintosh. 

Din păcate, din raţiuni de lăţime îngustă de bandă, formatele multimedia nu 

au pătruns foare mult în spaţiul World-Wide Web, navigatoarele actuale 

neoferind decât un suport limitat pentru un conţinut multimedia bogat, de 
cele mai multe ori prin intermediul extensiilor (p/ug-in-urilor). Astfel, pentru 

a vizualiza un film MPEG sau o prezentare Flash incluse într-o pagină Web, 

navigatorul va trebui să ruleze un plug-in specific. 


A `. Internet Explorer doesn't know how to handle the 


> type of file you have selected. i 


You can choose to save this file to your disk or yau 
can configure a Helper Application for this file. * 


MIME Type: application/X-shockwave-flash |. 
File Name: uboaț9c48.swf A ue 


Save File As... (_Piugin ) Application 


Aparitia unui mesaj de avertisment în cazul absenței unui plug-in 
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n o plugin-ului corespunzător unui format neînțeles de navigator 
aţă 1 trustrantă. De asemenea, trebuie să avem în vedere faptul că multe 
intre formatele multimedia se pot demoda cu uşurinţă sau pot fi specifice 
unei platforme particulare. 
Inainte de a include conţinut multimedia în cadrul paginilor Web trebuie să 
analizăm aşteptările categoriei de vizitatori ai sitului în cauză ŞI să găsim 
A A nai Sp 
răspunsul la întrebările de mai jos: 
- Utilizarea elementelor multimedia va îmbunătăţi percepţia utilizatorilor 
asupra mesajului dorit a fi transmis prin intermediul sitului Web? 
- Acest mesaj poate fi transmis eficient şi într-un alt mod, fără ajutor multi- 
media? 
De asemenea, va trebui să luăm în calcul costurile suplimentare ~ captură şi 
procesare audio/video, achiziţionarea echipamentelor şi programelor - şi 
efortul subsidiar depus de utilizator ~ timp suplimentar pentru încărcarea 
paginii, procurarea plug-in-urilor necesare, cerințe hardware şi software. De cele 
a E et sasa a 
mai multe ori trebuie însă oferită ca alternativă o variantă text a conţinutului. 


5.2.6 Sfaturi destinate proiectanților 


Pentru realizarea unui design Web mai bun, vom oferi o serie de sugestii: 


autorii de pagini Web trebuie să aibă în vedere furnizarea unui mecanism de 


navigare facilă, structurată, prin utilizarea unor legături de explorare şi/sau . 
bidirecţionale şi oferirea de meniuri, arbori de parcurgere a legăturilor sau 


opţiuni de deplasare secvenţială; 

evitarea scrierii unor documente de dimensiuni mari, în care utilizatorul 
pentru a parcurge întregul conţinut, trebuie să folosească intensiv barele de 
derulare (scroll). Este indicat ca aceste pagini să fie divizate în documente mai 
mici, fiecare conţinând în jur de 500 de cuvinte/ pagină. Această împărţire are 
şi avantajul actualizării mai eficiente a conţinutului ŞI a parcurgerii totale a 
documentului de către cei interesaţi; | 
internaţionalizarea reprezintă un alt factor important. Autorii pot realiza 
documente separate pentru fiecare limbă dorită (de exemplu, în cazul nostru, 
română şi engleză) şi pot încerca să detecteze, după adresa clientului Web. care 
ar putea fi localizarea sa (în interiorul sau în afara ţării). De asemenea, trebuie 
acordată deosebită atenție corectitudinii gramaticale a textului. Se recomanda 
ca fiecare document să fie parcurs, înainte de a fi disponibil pe Web, de un 
filolog; 
trebuie evitată utilizarea a mai mult de trei tipuri de corpuri de literă. 
Fonturile specifice unor platforme particulare nu vor fi corect sau nu vor 
putea fi afişate pe alte calculatoare; 

este mult mai uşor de parcurs un document al cărui conţinut a fost structurat 
pe capitole, subcapitole, secţiuni şi paragrafe, corect aliniate şi indentate 
eventual folosind linii orizontale. Folosirea listelor neordonate sau/şi ordo: 
nate creşte gradul de lizibilitate a unei pagini Web, 
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Liniile lungi de text nu sunt recomandabile, optim fiind un număr de 65-70 de 
caractere pe o singură linie (nu mai mult de 15-20 de cuvinte/linie). De 
asemenea, alinierea la dreapta sau centrată, scrierea cu majuscule ori 
modificări frecvente de culoare ale unui text de dimensiuni mari implică 
dificultăţi de parcurgere; 

utilizarea unor imagini de fundal „încărcate”, (texturi complicate, fotografii), 
animate sau contrastând violent cu culoarea textului conduce la evitarea 
parcurgerii conţinutului acelei pagini. Nu se recomandă animaţiile (texte 
derulante, fişiere GIF animate sau applet-uri Java), imaginile de dimensiuni 
mari, contrastele, fundalurile sonore deranjante. 

Pentru paginile conţinând un volum mare de informaţie textuală, cea mai 
bună soluţie este fundal alb pentru text negru. Unele cercetări au relevat 
faptul că există o ordine descrescătoare de intensitate a contrastelor cromatice 
pentru text din punctul de vedere al lizibilităţii de la distanţă şi al preferinţei 
în procesul de învăţare: s 


1, negru pe fond galben; 7. galben pe fond negru; 
2, verde pe fond alb; 8. alb pe fond roşu; 

3. roşu pe fond alb; 9. alb pe fond verde; 

4. albastru pe fond alb; 10. alb pe fond negru; 

5. alb pe fond albastru; 11. roşu pe fond negru; 
6. negru pe fond alb; 12. verde pe fond roşu. 


AER 
În elaborarea materialelor de prezentare pe Web, este indicat ca pentru 
vizualizarea informaţiilor esenţiale să se utilizeze contraste mai puternice, iar 
pentru informaţiile de conţinut, contraste cromatice mai reduse. 
În ceea ce priveşte ilustrațiile (grafice, histograme, scheme, hărţi), acestea se 
vor putea pune în evidenţă prin următoarele combinaţii cromatice: 


1. albastru pe fond alb; 3. verde pe fond alb; 
2. negru pe fond galben; 4. negru pe fond alb; 


informaţiile vor trebui reactualizate în mod regulat, verificându-se integritatea 
tuturor legăturilor. (se evită astfel existenţa aşa-numitelor „legături moarte”). 
Procesul de reactualizare a conţinutului trebuie realizat, în medie, trimestrial;. 
pentru încărcarea mai rapidă a documentelor HTML, fiecare element care 
implică poziţionare va avea ataşate atributele care să indice navigatorului Web 
locul în cadrul ferestrei (pentru imagini şi applet-uri se vor specifica înălțimea 
şi lăţimea, pentru tabele se va furniza lăţimea celulelor, se vor utiliza 
proprietăţi CSS de poziţionare absolută sau relativă etc.). Tabelele de 
dimensiuni considerabile nu sunt recomandabile, la fel fişierele (multimedia 
sau arhive) având lungimi mari, numărul mare de applet-uri, controale 
ActiveX, cadre sau rutine JavaScript; 

de preferat ar fi ca întregul sit să fie testat pe mai multe navigatoare, versiuni 
şi platforme. Codul HTML trebuie scris aşa fel încât să nu folosească extensii 
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particulare, nestandardizate sau elemente considerate demodate, dar nici cel 
de ultimă oră. Trebuie considerată şi situaţia în care documentele pot fi 
parcurse şi de navigatoare text, nu grafice (e.g.: pentru fiecare imagine se va 
furniza, ca alternativă, o explicaţie textuală, folosind atributul a1 t). Fiecare 
ancoră poate avea asociată, cu ajutorul atributului accesskey, o tastă 
(scurtătură) care o activează. 
De asemenea, tabelele pot avea asociate explicaţii, date prin intermediul 
atributului summary, iar elementelor HTML putem să le ataşăm titluri 
explicative folosind atributul title; 
pentru reutilizarea stilurilor sau scripturilor şi a modificării facile a acestora 
este bine ca ele să fie specificate ca fişiere externe, separându-le de conţinutul 
efectiv al documentului. Pentru a asigura independenţa de navigator, rutinele 
JavaScript trebuie să fie atent concepute şi testate; 
în cadrul paginilor este indicat a se folosi linii de comentarii pentru explicarea 
modului de marcare şi furnizarea altor detalii utile. De asemenea, fiecare 
document HTML trebuie să aibă precizat un titlu adecvat (prin intermediul 
elementului <title>). Folosind marcatorul <meta> pot fi specificate diverse 
informații referitoare la autorul, cuvintele-cheie, respectiv generatorul 
automat al documentului etc.; 

se va evita pe cât posibil folosirea cadrelor; conform afirmațiilor lui Jakob 

Nielsen, o pagină divizată în cadre devine confuză, tipărirea conținutului fiind 

dificilă; 

trebuie avută în vedere şi credibilitatea sitului Web, printre criteriile de 

evaluare a acesteia numărându-se: 

- scopul -— situl trebuie să exprime limpede scopul pentru care a fost 
construit, aspectele tratate, existenţa temelor conexe, nivelul de atenţie 
solicitată audienței, actualitatea informaţiilor etc.; 

- conţinutul = situl trebuie să ofere răspunsuri pertinente la diferite întrebări 
provenite din partea vizitatorilor: „Care este originalitatea informaţiilor?”, 
„Cât de corecte sunt acestea?”, „Care este rata de reactualizare a 
conţinutului?”, „Cât de bine este formulat acest conţinut?”, „Care este 
nivelul de cunoştinţe pe care trebuie să-l aibă cititorul pentru a înțelege 
informaţiile puse la dispoziţie?”, „Informaţiile includ şi referinţe, iar dacă 
da cât de exacte sunt”; 

- Jorma şi accesibilitatea — situl trebuie să formeze o anumită relaţie cu 
vizitatorul, să aibă un conţinut grafic/multimedia concludent şi în 
concordanţă cu scopul, să organizeze eficient informaţiile, oferind 
posibilităţi de căutare, să ofere versiuni alternative pentru persoanele cu 
diferite handicapuri sau provenind din alte ţări; 

- costul - situl trebuie să indice dacă anumite documente sunt accesibile doar 
cu plată, dacă accesul la elè se realizează prin abonament sau pe baza unei 
taxe de vizitare; de asemenea, trebuie stipulate restricţiile legate de 
copyright, asigurarea confidenţialităţii şi protecţia tranzacţiilor. 

Conform unui studiu întreprins în anul 2001 la Universitatea Stanford, au 

fost puse în evidenţă o serie de atribute care măresc credibilitatea, dintre care 
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se pot enumera uşurinţa în parcurgere, profesionalismul autorului, încrederea 
pe care o induce situl, grija faţă de vizitator. Există şi atribute care pot 
diminua credibilitatea unui sit Web, cele mai importante fiind implicarea 
comercială şi amatorismul; 

nu suntem adepţii mesajelor „Această pagină poate fi vizualizată doar cu 
navigatorul X, având suport pentru Y”, „Sunteţi vizitatorul cu numărul N” 
sau „Votaţi acest sit în top T”. Siturile Web ar trebuie să fie vizualizate în 
bune condiţii indiferent de navigator - a se vedea şi campania 
www .AnyBrowser.com; 

timpul de încărcare este important sau chiar vital pentru anumite situri, de 
aceea va trebui să optimizăm încărcarea paginilor, mai ales ale elementelor 
grafice sau multimedia. Serviciul Dr. HTML, printre altele, calculează în câte 
secunde va fi încărcată o'pagină Web, pentru mai multe lățimi de bandă. 


Existenţa animației fags 


Aspectul artistic 


Grafica paginii de start 


Existenţa unui motor f 
de căutare internă 


Organizarea sitului 


Frecvența actualizări! | 
. 


Calitatea conținutului fă 


Viteza de încărcare 


Uşurinţa expioatări | 


Importanța caracteristicilor unui sit 
pentru atragerea utilizatorilor la prima vizită (în procente) 


Existenţa animației 


Aspectul artistic general 


Graficul paginii de start 


Existenţa unui motor 
de căutare internă 


Calitatea organizării sitului 


Calitatea conținutului 


Perfbdicitatea actualizări 


Viteza de încărcare 


uşurinţa navigări! 


Factorii care îi determină pe vizitatori să revină pe sit (în procente) 


j 
i 
i 
i 


sageata 
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5.2.7 Următorii paşi 


Verificarea integrităţii şi corectitudinii codului-sursă 


După proiectarea şi crearea efectivă a sitului, un prim pas este acela de a verifica 
integritatea legăturilor şi corectitudinea codului-sursă al documentelor HTML şi 
CSS. Pentru aceasta putem apela la diverse utilitare, parte dintre ele menţionate în 
cadrul capitolului anterior. Astfel, pentru o privire de ansamblu asupra sitului 
dezvoltat şi, în plus, pentru verificarea fiecărei legături se pot folosi Adobe GoLive 
Macromedia Dreamweaver, NetObjects Fusion sau AceHTML - disponibile sub 
Windows - sau SCREEM - rulând sub Linux. De asemenea, se pot folosi diferite 
sisteme de management al conţinutului sitului, precum WebGUI şi WebMake 
disponibile şi pe CD-ul ataşat cărţii. Ă citi 

Corectitudinea codului HTML se poate realiza apelând la HTML Tidy sau la 
serviciul on-line oferit de Consorţiul Web - http://valiaator .w3 pai De 
asemenea, putem realiza diferite optimizări ale codului HTML eliminând s alè 
inutile, comentariile, diverse construcții proprietare etc. Unele programe - Aa 
Absolute HTML Compressor =- merg şi mai departe, ştergând ghilimelele care 
delimitează valorile atributelor sau tag-urile de sfârşit ale unor elemente. Nu 
recomandăm utilizarea lor, mai ales dacă avem în vedere trecerea de la HTML la 
standardul XHTML (a se vedea şi secţiunea 4.1.3 a capitolului 4). 


ce Compiessor | 


This tool compresses wieb documents resulting in shorter download tim raes i i 
es. When web pages am 

Pes took = Fi Ye root TN but wth a 20% reduction in the enar, ines keia 
difficul cople reading your source, } 

tags/information from a wab document. = > re Sa - caste te Gn ESERE 


Source. -. „|webDesignBcokimeb-pretat ahmi ~ îi 
<, Destination... i ; 
ie, j Compiession Oplons === Epigr 


iN Fleptate simple tags («strong to cby and cem to d, ete, 3 
JY Patag teeme instead ol epig ii E 


57 Remote supertious înverted commas în tags < => 


EA Remove supentious 2paces 
ȘI Remove superfious rettns fe: A ALE a Aud : Sai 


JF Remove aitetums = ` 


""NOTEY%: Mala sire you always have the original web document backad up at another location. 


ca] 


Optimizarea codului-sursă HTML realizată de ist Page 2000 


A 

În vederea vizualizării sitului în bune condiţii, indiferent de platformă 
recomandăm evitarea oricăror extensii particulare şi a formatelor grafice proprietare 
(ca, de exemplu, BMP). Un alt aspect de care trebuie să ţinem seama este modul de 
scriere a numelor de fişiere. Astfel, sistemul de operare Windows nu face deosebirea 
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între minuscule şi majuscule şi paginile se vor vizualiza fără probleme, însă o dată 
transferate pe un server Unix (Linux) trebuie să verificăm dacă numele resurselor au 
fost specificate corect, platformele Unix făcând deosebirea între literele mici şi cele 
mari (case-sensitive). 


Publicarea sitului 
Următoarea etapă o reprezintă publicarea sitului. Soluţiile pot fi: 


e Publicarea pe un server dedicat. Dacă situl este al unei organizaţii care poate 
să-şi permită să aibă un server Web propriu sau este al unei persoane având 
acces la serverul unei astfel de organizaţii (e.g.: un student al unei facultăţi sau 
un angajat al unei corporaţii), atunci acest pas presupune transferul tuturor 
fişierelor care compun situl pe maşina pe care rulează serverul Web. In primul 
rând trebuie ales serverul adecvat, ţinând cont de factori precum performanţa, 
siguranţa, fiabilitatea, costul şi platforma. 

De cele mai multe ori se poate recurge la funcţionalităţile oferite de serverul 
Apache care pune la dispoziţie suport pentru scripturi CGI (Common Gateway 
Interface) concepute în diverse limbaje ca bash, Perl sau C/C++, pentru 
servere de aplicaţii precum PHP, pentru servlet-uri Java şi pentru criptarea 
legăturilor via OpenSSL. Arhitectura modulară permite extinderi ulterioare. 
Un atu este şi faptul că serverul este disponibil gratuit pentru mai multe 
platforme. 
Drept soluţii comerciale se pot enumera IIS (Internet Information Services) — 
disponibil în cadrul distribuţiilor de Windows NT/2000/XP şi incluzând şi 
un server de FTP -, Personal Web Server — oferit în cadrul distribuţiilor de 
Windows 9x —, Netscape Enterprise Server sau Sun Web Server. 
Pentru Apache, implicit situl principal va fi localizat în directorul 
/var/www/html/ sau /home/httpâ/html/ (în cazul unei platforme 
Unix/Linux) ori \Program Files\Apache\htdocs\ (pentru un sistem 
Windows). Pagina de start a sitului va trebui denumită index.html. Dacă 
avem create conturi pe maşina pe care rulează Apache, implicit se consideră că 
situl personal al fiecărui utilizator va fi amplasat în directorul þome al acestuia, 
într-un subdirector denumit public_html sau html. Astfel, dacă utili- 
zatorul stanasa doreşte să-şi publice situl pe maşina thor.infoiasi.ro 
(cu alias-ul www), va transfera - via FTP - toate resursele sitului în directorul 
/home/stanasa/public_htnl/. Transferul de fişiere se poate realiza cu 
un client FIP precum fip, Windows Commander sau chiar utilizând 
navigatorul preferat, Am presupus, desigur, că directorul home este 
/home/stanasa/. Putem testa apoi dacă situl este operaţional introducând 
adresa http: //www.infoiasi.ro/-stanasa/. Nu trebuie uitată setarea 
drepturilor corespunzătoare de citire pentru fişiere şi de execuţie pentru 
directoare. Pentru mai multe amănunte a se vedea cartea S. Buraga et al., 
Programare Web în bash şi Perl, Editura Polirom, Iaşi, 2002. 
În cazul IIS, situl principal este localizat în directorul NInet Pub\wwwroot\, 
iar pagina de start are numele default .htm. Şi în această situaţie trebuie 
stabilite permisiunile de acces corespunzătoare. 
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Nu trebuie uitate soluţionările problemelor de securitate, de asigurare a unei 
disponibilităţi permanente a informaţiilor, de implementare a unor Servicii d 
ei A daia ap a conţinutului, în funcţie de cerințele sitului. zi 

stiel, scripturile trebuie atent testate, iar fişierele de iur i 

Web trebuie monitorizate în permanenţă. În a situati se. agita 

unui firewall şi criptarea legăturilor. Pentru asigurarea unei fanejionia 

optime, permanente, chiar şi în perioadele de vârf ale accesului la sit, se vor 
folosi servere Web multiple, menite a echilibra încărcarea - ca exemple de 
sisteme de acest gen putem enumera Alteon WebSystems, Cisco LocalDirector şi 

F5 BIG/ip, din păcate costisitoare - sau tehnologii bazate pe clustering - i i 

Linux, Novell Cluster Services, Sun Cluster şi Windows 2000 Advanced Serier. 

Dacă situl necesită distribuiţii de informaţii în timp real - de exemplu. 

multimedia sau software - putem adopta o soluţie bazată pe servere de 

cache care să stocheze documente statice, meniuri sau imagini — e.g.: CacheFloz, 
sau InfoLibria - ori una implementând servicii de distribuţie - precu 

Akamai şi Digital Island. sotii 

. . Ea 

Apelarea la un furnizor de găzduire Web. În acest caz, situl va fi localizat la 
distanţă, pe o maşină pusă la dispoziţie de gazda sitului Web. Acest proces se 
mai numeşte şi găzduire (bosting). În funcţie de buget şi de cerinţele sitului 
putem recurge la un furnizor local sau unul internaţional. Trebuie să avem ia 
vedere, printre altele, sistemul de plată, suportul tehnic şi lăţimea de bandă 
oferită. Deseori, rolul de furnizor de servicii de găzduire Web este asumat 
chiar de furnizorul de servicii Internet. 

- Plata se efectuează'frecvent prin intermediul cărţii de credit, dar uneori se 
acceptă şi alte forme de plată, cum ar fi cecurile internaţionale sau 
transferul bancar. 

Menţionăm faptul că există numeroase servicii de găzduire gratuită, însă 
inconvenientul este reprezentat de reclamele impuse şi de spaţiul limitat de 
stocare (maxim 20 MB). Multe astfel de servicii oferă şi instrumentele 
necesare conceperii de pagini Web fără pretenţii, cu minime cunoştinţe de 
HTML, plus posibilitatea de a iniția forumuri de discuții. Găzduirea 
gratuită se pretează mai ales pentru situri personale sau ale unor grupuri 
restrânse. 

Ca exemple de servicii internaționale de găzduire gratuită se pot menționa 
Homestead - www. homestead. com, Geocities - www.geocities.com 
sau Xoom - www. xoom. com. În România se pot folosi, printre altele: Go 
— vru. JO. ro şi Home — www . home . ro, 

Suportul tehnic nu trebuie deloc neglijat. Mai ales în cazul siturilor de 
comerţ electronic, este necesară existenţa suportului pentru scripturi CGI 
concepute în limbaje precum C/C+ + sau Perl, diverse servere de aplicaţii 
(eg: ASP, PHP, JSP) şi servere de baze de date (e. MySQL ori 
PostgreSQL). De asemenea, trebuie verificat dacă se oferă suport pentru 
directivele SSI (Server Side Includes), pentru conectivitatea cu bazele de date 
via ODBC sau JDBC, pentru servicii .NET sau procesarea documentelor 
XML etc. Un alt aspect important este numărul de cereri/secundă ce pot fi 
deservite concomitent. Unii furnizori de găzduire Web pot oferi servicii 
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integrate pentru situri de comerţ electronic (ie, implementarea coşului de 
cumpărături, procesarea tranzacţiilor, crearea profilului utilizatorilor etc.). 
De asemenea, pot surveni diverse probleme tehnice în cursul procesului de 
găzduire a sitului (e.g: incompatibilităţi între platformă şi scripturile 
dezvoltate) sau pot apărea disfuncţionalităţi pe parcurs. Este, aşadar, foarte 
important ca acestea să fie remediate cât mai rapid. Orice întârziere 
conduce la pierderi de trafic sau de clienţi. Suportul tehnic asigurat 
permanent este un criteriu important, iar dacă suportul tehnic nu este 
continuu, atunci trebuie să luăm în calcul diferenţele de fus orar. 
Eventualele probleme de comunicare cu furnizorul de servicii de găzduire 
Web pot fi evitate dacă ne asigurăm că angajaţii care se ocupă de 
administrarea sitului posedă cunoştinţe solide de limbă engleză. 

- Al treilea aspect important este lăţimea de bandă (numărul de octeți 
transmişi simultan via o conexiune Internet). Multe state îşi dezvoltă rapid 
infrastructura astfel încât să poată corespunde exigenţelor impuse de 
evoluţia tehnologiilor Internet, însă se constată că performanţa cea mai 
ridicată se înregistrează în Statele Unite. În unele situaţii va trebui să 
apelăm la un furnizor internaţional, dar înainte de a face acest pas trebuie 
să comparăm caracteristicile echipamentelor, serverelor şi serviciilor 
oferite de un furnizor local cu cele ale unuia localizat în alt stat. În situaţia 
în care am ales o găzduire în afara ţării, va trebui să ne punem la punct cu 
legislaţia internaţională pentru a evita posibilele probleme ulterioare. 


De reţinut faptul că putem asocia sitului creat o pictogramă de identificare a 
acestuia, Acest lucru se realizează prin intermediul unui fişier favicon. ico, stocat 
în rădăcina sitului. În fapr, acest fişier trebuie memorat în formatul utilizat de 
pictogramele Windows. Imaginea stocată poate avea o adâncime de culoare de până 
la 8 biţi, dimensiunile cel mai frecvent folosite fiind 16x16 sau 32x32 de pixeli. Prin 
utilizarea unui astfel de fişier, vom avea posibilitatea să promovăm mai bine situl, 
pictograma apărând în bara de adrese şi în lista de pagini favorite (semnele de carte), 
pentru majoritatea navigatoarelor actuale - Internet Explorer, Mozilla/Netscape, 
Konqueror sau Nautilus. Pentru crearea unui fişier favicon.ico putem recurge la 
un program precum IrfanView care este capabil să salveze în format . ico orice alt 
fişier grafic (e.g: GIF sau PNG). 


Alegerea domeniului 


Desigur, în situaţia în care situl Web este găzduit pe un server extern va trebui să 
stabilim un nume de domeniu pentru sit. Unii furnizori de găzduire Web dau 
posibilitatea alegerii unui subdomeniu virtual alocat sitului, de forma 
sit. furnizor. ro (ie. www. situl-meu.go. ro). Alţii oferă pentru sit o adresă 
de genul www. furnizor. ro/sit (e.g: www. geocities.com/situl-meu). 
Dacă adresa sitului este prea lungă se poate recurge la o stratagemă oferită de 
unele servicii - gratuite sau nu - de redirecționare Web. Astfel, putem folosi adrese de 
genul surf. to/sit sau come.to/sit (domeniul .to aparţine statului Tonga) 
care în fapt nu includ decât o legătură spre adresa reală a sitului. Mai pot fi utilizate 
domenii precum . tv pentru posturi de televiziune (acest domeniu aparţine statului 
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Tuvalu) sau .am în forma i.am/smart (domeniul este sub controlul statului 
Armenia). De asemenea, şi unele domenii .ro sunt alocate unor situri com a sale 
coreene, deoarece termenul „ro” în limba coreeană se traduce prin „stradă” ăia 
De multe ori, mai ales în cazul unui sit cu profil comercial, webuie găsit un nume 
de domeniu reprezentativ, subdomeniu direct al unui domeniu primar: 
www, S1t.ro sau www. sit . com, l 
A Alegerea numelui de domeniu trebuie realizată cu atenție, 
rând numele organizaţiei sau persoanei care îl va folosi. Va trebui verificată existen 
mărcilor înregistrate sau celebre, atât pe plan local, cât şi pe plan mondial. Desi A 
aceste mărci nu vor putea fi folosite ca nume de domeniu. Trebuie să verifică ia 
dacă numele ales nu este deja alocat. ba 
Pasul următor este Înregistrarea numelui de domeniu. În România aceasta s 
realizează la RNC (Reţeaua Naţională de Calculatoare din România) — a se vedea i 
subcapitolul 3 al primului capitol). O strategie bună este înregistrarea şi a i 


număr de nume de domenii anti -domeni ul_a1es, astfel încât acestea să nu poate 
fi utilizate ulterior. 


reflectând în primul 


Promovarea 


Din moment ce situl este operaţional, Putem anunţa apariţia lui. Strategiile uzuale 
sunt următoarele (a se vedea şi secţiunea 3.6.2 a capitolului 3): 


° alăturarea adresei sitului de numele companiei; astfel, orice apariţie în mass-media 
a numelui companiei sau organizaţiei va fi însoţită şi de adresa sitului Web: 

e schimbul de banner-e publicitare cu situri similare; l 

* înregistrarea lä motoare de căutare, eventual folosind servicii precum AddMe - 
www.addme.com sau Fast Submit - http: //www.evrsoft .com/ 
fastsubnity; 

° realizarea de anunţuri publicitare, în care să se menţioneze apariţia sitului 
distribuite către toți clienţii, furnizorii, CUNOSCUŢI etc. : 


Trebuie să evităm ca situl să ină pagini ă i ă 
a tul să gonpna pagini care să menţioneze că sunt încă în 
construcţie („Under construction”) sau să includă legături eronate. 


Menţinerea (administrarea) 


Din moment ce situl a fost lansat Şi promovat, acesta va înc 
pe termen lung al sitului rezidă în atragerea vizitatori] 
comunităţi de utilizatori. În acest sens, este imperios neces 


epe să fie vizitat. Succesul 

a Aa . 
or şi în constituirea unei 
ar să fie avute în vedere: 


e oferirea de informaţii „gratuite” - de exemplu, un sit de comerţ electronic 


poate pune la dispoziţie documentaţii privind tehnologiile folosite, un portal 
j PĂRERE 7 Sp 
poate oferi posibilitatea deschiderii unui cont de poştă electronică sau de 
inscriere la un serviciu de noutăţi; 
e personalizarea conţinutului — vizitatorul trebuie să aibă posibilitatea de a 
stabili modul de interacţiune cu situl; 
asigurarea unui bun suport tehnic atât în manieră on-line, cât şi offline; 
bă 


mesajele trimise de vizitatori trebuie procesate, iar unele întrebări frecvente 
să A ; 
pot fi incluse în pagina FAQ; 
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anticiparea dorințelor clienţilor ~ de exemplu, afişarea pe sit cu 3-4 săptămâni 
înainte de sărbătorile de iarnă a unor mesaje de felicitare sau a unor legături 
spre servicii de trimitere de ilustrate de sezon etc.; 
oferirea de informaţii „la zi”, actualizate periodic; 
realizarea de traduceri ale conţinutului în diverse limbi de circulaţie mondială. 


Nu trebuie pierdut din vedere nici managementul imaginii companiei prin 


intermediul sitului Web. Acest lucru se realizează prin analizarea fişierelor de 
jurnalizare a accesului, prin construirea profilului utilizatorului, prin diverse 
măsurători privind popularitatea sitului. La adresa http: //www. jimtools.com/ 
1 ink .htiml există diverse utilitare care pot fi folosite în acest sens. Popularitatea 
este dată de numărul de accesări ale paginilor, de viteza de încărcare a paginii de start 
sau a altor pagini ale sitului, de durata vizitei unui utilizator, de numărul de vizite 
dintr-o zi, de numărul de afişe publicitare vizualizate, respectiv activate, 


Traficul poate fi măsurat prin înscrierea sitului la servicii de genul NedStat sau 
P P g 


Trafic.ro. 


Pentru siturile cu profil e-business, menţinerea presupune şi realizarea 


următoarelor etape: 


e Gestiunea cunoştinţelor. O analiză profundă a informaţiilor vehiculate pe sit 


este condiţia sine qua non de a cunoaşte situaţia afacerii în ansamblu. Această 
e-analiză constă din instrumente şi tehnologii capabile să genereze diverse 
tipuri de rapoarte privind anumite aspecte ale afacerii. Aplicațiile se bazează 
deseori pe tehnologia de procesare analitică on-line OLAP (On-Line Analytical 
Processing) şi constau din motoare de raportare, generatoare de rapoarte, 
unelte de interbgare ad-hoc şi sisteme de gestiune a depozitelor de date (data 
warehouse). Ca exemple de aplicaţii dedicate acestui scop se pot enumera 
Impromptu sau Web Intelligence, unele oferind şi posibilităţi de publicare pe 
Web a rapoartelor — ca de exemplu, PowerPlay Web. 
Pentru gestiunea fluxului de documente şi a poştei electronice se pot utiliza 
aplicaţii precum Documentum, WorkSmart ori DocsFusion. De asemenea se 
poate recurge la utilitare pentru sortarea şi arhivarea pe categorii sau pentru 
căutarea avansată a mesajelor de poştă electronică. 
Managementul relaţiilor cu clienţii. După cum am văzut, pentru succesul pe 
Web al afacerilor trebuie abordată o strategie de marketing 1-/a-1, focalizată pe 
clientul individual. Aceasta însă diferă de la o companie la alta. 
Departamentele firmei pot interacţiona cu clienţii folosind diverse aplicaţii 
pentru managementul informaţiilor privitoare la clienţi. Multe dintre aceste 
informaţii sunt introduse de cumpărători prin intermediul formularelor 
electronice disponibile pe sit. Trebuie să includem o pagină descriind termenii 
de păstrare a confidenţailităţii acestor date. 
Ca aplicaţii specializate se pot enumera Go/dMine FrontOfhce sau Clarify. 
"Managementul computerizat al relaţiilor cu clienţii (CRM - Client 
Relationship Management) presupune instruirea angajaţilor şi o bună 
comunicare între aceştia, Astfel, de multe ori se adoptă servicii personalizate 
pentru diverse departamente, funcţionând în intranet via portaluri de 
întreprindere — a se vedea secţiunea 2.1.4 a capitolului 2. 
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Cele mai sofisti i 
le m: sofisticate sisteme de management al relaţiilor cu clienţii i i 
aplicaţii pentru planificar î inderii a a 
ui atei plani ea resurselor întreprinderii (ERP - Enterpris 
= ce îi), Dintre acestea se pot menţiona Oracle eBusiness Su . 
Vanzive. nele dintre aceste sisteme se pot utiliza în manieră line, di ea 
a à on-line, direct pe 
ane Pentru caii asistenţei, multe situri permit comunicarea 
miine, în timp real, prin intermediul mai ij 
| Iul mai multor mijloace 
a eal, eg: po 
i ta expedieri automate de documente, forumuri í pala 
te ra a etc.). Aceste servicii pot fi realizate cu uşurinţă i 
pro î soitware sau situri Web specializate. Ca exemple se pot enumera 
ivelerson -~ wuw. liveperson.com, Li 
. ipstream — www. li 
Net2Phone — www.n gate 
„net2phone. com, O soluție i ă 
ah . , upe inte ă 
e i d t grată este reprezentată de 
Colaborarea. În cele mai muite situatii ifi i 
P na e mai multe situații, planificarea unei colaborări. directe şi 
j re Eae unei companii se dovedeşte dificilă. Există mai multe 
uţii informatice dedicate colaborării el i i 
ectronice, re iri 
groupware sau teamware, funcţionând în cadrul a o : 
Ca exemplu se poate d i e 
e da HotOffice — un serviciu d 
a exem] iu de colaborare b 
disponibil la adr i Î e aia 
esa www. hotoffice.com. În f ituj : 
nibi ] „com. În fapt este constituit u 
ia o cs n aşa- 
i P R o care să permită colaborarea cu ajutorul unui ak 
p a o izate, capabile de a partaja informaţiile firmei şi de a permite 
acte La modificărilor concurente ale documentelor. În plus, se pot 
o . . $ 
Sei calen să de grup şi personale, camere virtuale de discuţii în grup 
esagerie electronică privată etc. Există, de asemenea, şi aplicaţii dedicate, 
r Lotus Notes sau Microsoft Exchange Server i 
A ; 
: pora care a se desfăşoară între personalul mai multor 
anizaţii se vor adopta soluţii bazate pe lli 
p f pe extranet, ca de exemplu Agillion sau 
In > e . . ` > l 
“ e o z ee aie de dimensiuni considerabile poate integra 
aplicaţii complexe, deseori disparate, î i 
se À e, intr-un sistem coerent ă 
mple pri disp; care să 
pt cl mată n intre aplicaţii via un format independent bazat pe 
SME l d pi integrare a aplicaţiilor dintr-o întreprindere (EAI - 
a rprise App ication Integration) va oferi o serie de servicii generice pentru 
ministrarea securității, a protocoalelor de comunicare între aplicațiile 
existente, a conversiei datelor din formate particulare în vederea vehiculării 
aie în intranet, extranet sau direct în Internet, pe Web. 
In prezent, sa sie că familia de limbaje XML devine liantul sistemelor 
integrate, schimburile de date busi j 
i ' usiness-to-business efectuându i 
-se prin 
poi unor protocoale bazate pe XML, cum ar fi SOAP (Simple Oli 
ess Protocol) sau XML-RPC (XML Remote Procedure Cal). Ca plarf 
software permiţând l i eeo 
ţ exploatarea unor sisteme performate de integrare a 
ap icaţiilor se pot menționa Enterprise JavaBeans bazat pe Java 2 Enterprise 
ition şi Microsoft „NET având la bază noul limbaj C#. Prin intermediul unor 
servicii Web, integrarea aplicaţiilor se va putea desfăşura mult mai facil şi mai 


flexibil. 


apelând la 
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În vederea facilitării administrării unui sit de comerţ electronic se vor lua în 
calcul: 
actualizarea informaţiilor în timp real; 
evitarea erorilor de tehnoredactare (mai ales în ceea ce priveşte preţurile 
produselor/serviciilor); 
e aplicarea unor şabloane de afişare a datelor; 
oferirea de cataloage de produse/servicii; 
posibilitatea administrării on-line, de la distanţă. 


Mai mult, trebuie să ne asigurăm că bazele de date sunt consistente şi sigure, 
interfaţa cu aplicaţia este judicios concepută, sunt asigurate metode multiple de plată, 
raportarea erorilor se realizează în mod transparent pentru vizitator şi pe sit sunt 
stipulate toate informaţiile privitoare la termenii şi condiţiile de utilizare/cumpărare 
a bunurilor, eventual fiind furnizate şi alte detalii referitoare la taxele suplimentare 
percepute şi modurile de livrare. 

De asemenea, trebuie avută în vedere construirea unui sit alternativ, denumit şi 
dark-site, care să fie disponibil în situaţii de criză precum recuperarea după dezastru a 
organizaţiei (e.g: pierderi financiare, campanie negativă desfăşurată de adversari, 
diverse catastrofe care au afectat firma, deteriorarea sitului de către cracker-i etc.). În 
aceste situaţii, termenul-cheie trebuie să fie promptitudinea. De exemplu, în urma 
unui accident al unui avion aparţinând unei companii de transport aerian este de 
neconceput ca pe situl Web al acesteia să nu apară informaţii privitoare la acest 
nedorit eveniment. La fel, dacă situl este distrus de persoane răuvoitoare, acesta 
trebuie rapid înlocuit cu varianta de rezervă. l 

à a 


Personalul 


Din cele menţionate mai sus, se observă faptul că procesele de. proiectare, 
implementare, verificare, publicare şi menţinere a unui sit Web comportă dificultăţi. 
Astfel, pentru aceasta trebuie să se constituie o echipă de persoane având diverse 
specializări sau să se apeleze la o companie specializată. 

În cele ce urmează, vom enumera pentru fiecare etapă a dezvoltării sitului 


personalul de care avem nevoie: 


e dezvoltare - managerul de proiect (project manager), analistul sistemului 
informatic (system architect), coordonatorul departamentului de creaţie 
(creative lead), analistul sistemului de securitate (security architect), 
dezvoltatorul bazelor de date (database developer), dezvoltatorul 
componentelor din sistem (component developer), dezvoltatorul interfeței cu 
utilizatorul (user-interface developer), artiştii grafici (graphic artists) şi analistul 
interacțiunilor om-maşină (human-computer interaction engineer); 

e testare - coordonatorul echipei de testare (testing lead) şi verificatorii de 
componente (component testers); 


e operaţii tehnice asupra serverului Web - administratorul Web (Webmaster), 


tehnicienii harware şi de reţea (harware and network technicians), adminis- 
tratorii de reţea (network administrators), operatorii responsabili cu efectuarea 
copiilor de siguranță (backup operators), administratorii sistemelor de gestiune 
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a bazelor de date (database administrato 


PAZ MOF Ci rs), personalul de monitori 

E i f ; onitorizs 
activităţii sistemului (uptime monitors), persoanalul de monitori De 
securității (security monitors); n ERA 


A te e eta L In ; 
i producătorii şi editorii de conţinut publicitar (content producer 
and editors) şi personalul dedicat marketingului direct (direct e-marketer. i 


s). 
5.3 Concluzii? 


A 

Ín cadrul capitolului de faţă am discutat anumite aspecte ale proiectări 
Web, dintre care reamintim organizarea informaţiilor a 
ansamblu, analizarea principalelor elemente ale sitului şi o 
de navigare, adoptarea unor strategii de captare a atenției e: 
a consistenţei informaţiilor. 

Suntem conştienţi că multe alte detalii nu au putut fi analizate, din di 
motive. Credem că unele dintre cele mai bune metode i ui 
de a le aplica ulterior în practică este vizitarea şi studierea a cât mai multe situri i 
experimentarea designului Web prin conceperea unui număr cât mai ; e Ei 
care să constituie punctul de plecare în dezvoltarea unui sit cuprinzăt Pati d a 

Nu ne mai rămâne decât să vă urăm succes! Aa 


i siturilor 
structurarea sitului în 
anizarea instrumentelor 
itatorilor şi de asigurare 


de a aprofunda cele expuse şi 
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Hypnosis - www. hypnosis.ro 
Verde.ro - www. verde. ro 
e Xprim = www. xprim.go.ro 


La nivel mondial, există ituri i 
, există numeroase situri dedicate proiectării i 
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e Usable Web - usablewen. com 
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Use It - www. useit com 

WebsiteTips - www.websitetips.com 

Web Developer's Virtual Library - www. wâvl . com 

Web Page Design for Designers - www. wpd£fâ. com/wpâres.htm 
Web Style Guide - www .webstyleguide . com 


o © 2 © 0 


În ceea ce priveşte formatele grafice, recomandăm consultarea următoarelor 
adrese: 


e Graphics File Formats FAQ - www.ora.com/centers/gff/gff- 
faq/inđex.htm 
e JPEG Related Links - www. jpeg.org/public/jpeglinks.htm 


e Pixel Page - www.persci .com/-castleman 


Pentru fundamentele teoriei culorilor, recomandăm C. Demetrescu, Culoarea = 
suflet şi lumină, Editura Meridiane, Bucureşti, 1965. O altă carte interesantă este 
D. McCleland, Photoshop 6 for Windows Bible, IDG Books, 2000 - folositoare 
îndeosebi creatorilor de conţinut grafic în Adobe Photoshop (mulţumiri lui Manuel 
Şubredu pentru accesul la acest volum). Un articol privitor la tehnicile de utilizare a 
culorii în cadrul interfeţelor grafice este disponibil la adresa http: //www.acm.org/ 
crossroads/xrâs3-3/color.html. 

În ceea ce priveşte credibilitatea informaţiilor pe Web, recomandăm expunerea 
M. Jalobeanu, Fiabilitatea informaţiilor din Internet şi credibilitatea paginilor Web, 
disponibilă la adresa http: //jalobean.itim-cj.ro/Fiabilitate-info. html. 

Pe CD-ul care însoţeşte volumul de faţă este disponibil, printre altele, şi un 
tutorial privitor la designul Web, conceput de Emilia Măţel. Sunt puse la dispoziţie 
o serie de situri complete şi exemple negative. Există stocate, de asemenea, diverse 
aplicaţii utile dezvoltării şi menţinerii de situri Web, incluzând editoare de text şi 
procesoare grafice, servere de Web şi de aplicaţii (e.g: PHP, Perl, Java), validatoare şi 
medii de proiectare a magazinelor virtuale şi a portalurilor. Alte diverse utilitare 
sunt disponibile pe Web la adresele www .homepagetoo1s. com şi www . webpage- 


tools.com. 
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GLOSAR DE TERMENI 


E mai uşor să negi lucrurile, decât să te informezi despre el 
"ele. 


(Mariano José de Larra) 


Adresă 


A 
În PER Internetului, desemnează o succesiune de patru numere de f 
aDC. inse î i i ifică Lon 
» umere cuprinse între O şi 255, care identifică un calculator Eee ja 
a 


reţea (e.g: 193.231.30.225). Această adresă 
g: . ă se nu 7 : 
posedă măcar o astfel de adresă. meşte adresă IP. Orice gazdă 


s adrese IP : se ile asocia o adresă simbolică, mai uşor de re 
intr-un nume de calculator urmat d i 

| e o succesiune de 
domeniu. paie Cea 


Pentru Web, adresa este d ă ] j ; 
RE OR aa. esemnată de un identificator uniform de resurse. Vezi URI, 


Afiş publicitar 


ținut, compusă 
omenii. Vezi şi 


i o şi sub numele de banner, reprezintă o casetă grafică de dimensiuni standard 
Eg: 468x60 pixeli sau 400x40 pixeli), statică sau animată, amplasată de cele a 
mai 


multe ori la începutul şi/sau la finalul unei pagini Web. Imagi 
legătură la locaţia (adresa Web) a sitului pentru care face recl 
eficient afişele publicitare, se recurge la o reţea de banneră. 


nea respectivă posedă o 
amă. Pentru a distribui 


Agent-utilizator 


Clientul (navigator, editor, robot de traversare We 
unui server WWW. Vezi şi navigator. 


Alias 


Reprezintă unul dintre numele alternative (simbolice) ale unei gazde având i 
adresă IP (numerică). Un alias indică de cele mai mult ori farul că e E paie 
oferă un serviciu de reţea specific, precum Jinger, FTP sau www (de pda 
maşina  thor.infoiasi.ro are drept  alias-uri bata e 
ftp.infoiasi.ro). 


b) care iniţiază o cerere trimisă 


www. infoiasi.ro ŞI 


Ancoră 


A | 
Arie în cadrul conţinutului unui nod care este sursă sau destinaţie a unei legături 
Ancora poate reprezenta Întregul conţinut al unui nod dintr-un document al 
Tipic, făcând click pe o ancoră sursă va fi urmată legătura ce o reprezintă tată 
sunt intensificate într-un mod anumit sau sunt reprezentate de e i Ae 4 ISI 
cadrul documentului hipertext. n simbol special în 
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Applet 


Program Java care rulează în cadrul unui navigator, fiind lansat dintr-o pagină Web. 
Vezi şi servlet. 


Ascuns l l 
Element al unui formular electronic care nu este afişat de navigator. ie 
ascunse pot fi utilizate pentru trimiterea de informaţii suplimentare SEEN CLU We i 
Un element ascuns se declară prin construcţia HTML <input type="hidden 


name="...” value="...">, 


Atribut tai 
O sursă de informaţie suplimentară despre un element HTML sau XML. Valorile 


atributului pot fi fixate în cadrul definiţiei tipului de document (DTD) sau pot fi 
ei : “u A 

specificate prin construcția atribut = "valoare" în tag-ul de început al unui 

element. Vezi şi element. 


Avatar l E T ini 
Reprezentare abstractă a unui utilizator al unei lumi virtuale tridimensiona e. 
Dimensiunile fizice ale unui avatar sunt folosite pentru detectarea coliziunilor şi 


interacțiunii cu mediul. 


Autentificare E i 
Acțiunea de determinare a faptului dacă un utilizator are permisiunea să acceseze o 
resursă sau să execute o operație. Autentificarea se realizează de cele mai multe ori 


prin intermediul unei parole. 


Authoring l i 
Termen pentru procesul de marcare, concepere și publicare n unui 
document/prezentări multimedia. Există diferite sisteme specializate ri e o i 
publicare pe Web a prezentărilor multimedia“ (de exemplu: Ado e Go ai 
Macromedia Dreamweaver, Macromedia Flash, Microsoft FrontPage, GRiNS, Rea 


System G2 etc.), respectând diverse paradigme. 


Banner 
Vezi afiş publicitar. 


Bookmark 
Vezi semn de carte. 


Browser 
Vezi navigator. 


Cache l i l ga i 
Un depozit local de memorare a mesajelor (datelor) de răspuns şi un subsistem de 
control al acestuia. Memoria cache reduce timpul de răspuns şi congestia reţelei. 
Orice client şi orice server Web pot include un cache. 
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Caroiaj 


Manieră de organizare a informaţiilor dintr-un sit Web, prin intermediul corelării 
mai multor variabile. De exemplu - o dată calendaristică şi o informaţie istorică 
într-un număr de categorii standard, precum »evenimente”, „cultură”, tehnologie” 
Acest termen mai poate fi regăsit şi sub denumirea de. grilă (grid). ” l 


Câmp 
A 
In contextul formularelor electronice, un câmp poate conține tipuri diverse de date 


$ A eA A păi 
Oricare câmp poate fi înzestrat cu o valoare implicită şi cu un nume de identificare 
? 


k ; ; ; 3 x 
în funcție de tip. Cel mai frecvent, un câmp se defineşte în HTML prin intermediul 
marcatorilor <input>, <textarea>, <select> şi <osption>. 


Cerere 


Un mesaj de cerere emis de un client, prin intermediul protocolului HTTP, a unor 
date de pe un server Web. Vezi şi protocol, 


Ciberspaţiu 


Lume „electrică” percepută pe ecranul computerului, în opoziţie cu spaţiul „real”. 
Spaţiul cibernetic poate fi perceput global cu ajutorul unor dispozitive speciale 
(mănuşă senzorială şi cască de vizualizare, de exemplu), fiind modelat prin 
intermediul unor limbaje precum VRML (Virtual Reality Modeling Language) sau 
X3D (rescrierea VRML în termenii XML). Cunoscut şi sub numele de realitate 
virtuală, extensie 3D a hipermediei, 


= * Client 


” Program care cere servicii de la alt program, conform unui protocol de comunicaţie, 


De exemplu, navigatorul este client al unui server Web (care poate furniza şi alte 
servicii). Vezi şi navigator. 


Comentariu 
O notă cu conţinut arbitrar inclusă într-un fişier. În XML şi HTML comentariile 
pot fi scrise prin construcţia <!-- comentariu -->, Fişierele CSS pot include 


comentarii de forma /* comentariu */. 


Conexiune 


Un circuit virtual (la nivelul transportului de date) stabilit între două programe care 
doresc să comunice. Vezi şi protocol. 


Cookie 


Obiect special conţinând anumite informaţii de stare despre un client Web. Aceste 
informaţii vor fi trimise serverului care a creat cookie-ul. Un cookie va fi stocat un 
anumit timp pe calculatorul clientului, putând fi persistent sau nepersistent. 


Corect formatat 


Un document corect formatat trebuie să aibă o declaraţie XML şi să conţină 
elemente de marcare imbricate şi scrise corect. Un doc 


r ument corect formatat poate 
să aibă sau nu un DTD ataşat. 
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Copil 

În contextul marcării, se referă la un element inclus în interiorul altui element. În 
construcţia <carte><capitol /><carte> elementul „capitol” este copil al 
elementului „carte”. De asemenea, în cazul limbajului HTML body este copil al 


elementului html. 


Cracker 
Individ care încearcă să obţină, având de cele mai multe ori un scop distructiv, acces 


neautorizat asupra unui sistem de calcul. A nu se confunda cu termenul hacker. 


CSS (Cascading Style Sheets) 

Standard pentru formatarea elementelor unui document HTML. Stilurile se pot 
ataşa elementelor HTML prin intermediul unor fişiere externe sau în cadrul 
documentului, prin elementul <style> şi/sau atributul style. CSS se poate utiliza 


şi pentru formatarea elementelor XML. 


Daemon 
Un program care rulează independent, putând executa diverse activităţi şi deservind 
cereri venite din partea clienţilor (termenul daemon poate fi considerat similar 


termenului server). 


Dial-up 
Referă procesul de conectare temporară în reţea (în speţă la Internet) prin 
intermediul unui modem, folosind linia telefonică. Deoarece nu este o legătură 


dedicată (permanentă), linia telefonică se poate folosi şi în alte scopuri. 
P Ş P 


Document 
Un nod în cadrul anumitor sisteme sau o colecţie de termeni înrudiţi. Consorţiul 


Web - organizaţie internaţională care redactează standarde pentru WWW - d 
asimilează termenului pagină Web. Documentele hipertext destinate Web-ului vor fi 
marcate prin intermediul limbajului HTML (sau, mai nov, XHTML). Vezi şi 


termenii þipertext şi pagină. 


DOM (Document Object Model) 

O modalitate, independentă de limbaj şi de platformă, de accesare a elementelor şi 
atributelor dintr-un document adnotat în XML sau HTML. DOM oferă un set 
standard de obiecte şi de interfeţe predefinite pentru prelucrarea documentelor 


XML/HTML. 


Domeniu 

Utilizat în contextul Internet pentru a referi un grup de gazde ale căror nume 
simbolice partajează acelaşi sufix ~- numele de domeniu. Această parte a numelui de 
gazdă specifică detalii asupra gazdei, cum ar fi localizarea şi apartenenţa la o anumită 
organizaţie. Sufixul final desemnează un domeniu primar (.edu, .org etc. sau un 
nume de ţară - .ro). Corespondenţa dintre adresele IP ale gazdelo: și numele 
simbolice compuse din nume de domenii şi nume de calculatoare se realizoază prin 
intermediul sistemului de nume de domenii (DNS). Vezi şi gazdă. 


PMAR EN AEAN AANA ph tepi A e O za 6 A 0 al aa 
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Download 


Procesul de transfer al unei resurse (fişier) de la un calculator | altul. T ii 
download şi upload nu pot fi delimitaţi întotdeauna clar dar P id ie 
realizează un download atunci când se efectuează un transfer dei consideră că se 
mare (server, sit) la un calculator local (client) reprezentat de pc. iesea ay 
specializat. Transferul în direcţie opusă se denumeşte upload a ZA perlisaie 


DTD (Document Type Definition) 


Set de reguli pentru construcţia unor docum ide î 

i ente valide în SGM icaţii 
şi uneltele de editare a documentelor se bazează pe DTD-ul Ae i San 
pentru a-l valida. În XML, DTD-ul este opțional. AS 


EDI (Electronic Data Interchange) 


Tra i j 
a unor date structurate, prin mesaje standard, de la o aplicaţie de calculâto 
a alta folosind mijloace electronice, cu un minim de intervenţie umană i 


Element 


Unitatea logică fundamentală a unui d 

J ocument adnotat în SGML/XML 
dintr-un document SGML/ XML trebuie să fie marcate cu ajutorul et A 
exemplu de element în HTML este <body>. Vezi şi document. ii 


Element vid 


Un ai a care nu posedă conţinut textual. Un element vid poate conţine atribute 
şi apar he prin construcția <vid></vid>, fie cu sintaxa modificată <via. 7». D 
exemplu, <hr />. Vezi şi element. sii 


Entitate 


- contextul HTTP: informaţia transferată într-o operaţie de cerere sau de răspuns 
entitate poate cuprinde atât meta-informaţii, cât şi conţinutul propriu-zis. Vezi si 
Sa propriu-zis. Vezi şi 
ao te eul XM = sir la o altă informaţie, funcţionând ca abreviere 
urtătură. Creatorii -urilor se folose ităţi i 
1 sc de entităţi pentr iți 
E D-u f ţi pentru a evita repetițiile 
guli. Entităţile pot fi folosite pentru a i fi 
| Enti a inchi 
caractere speciale (e.g.: diacritice). i Licitatii 


E-business 


Conform IBM, afacerile pe Web (e-business) reprezintă modalitatea d 

securizat, flexibil şi integrat pentru desfăşurarea diferitelor afaceri prin c bi pr 
proceselor şi sistemelor care execută operaţii de bază ale faceti i Rail 
posibilă găsirea informaţiilor pe Internet. idei it sui 
Există mai multe modele de e-business: Business-to- Business (B2B) sau Busi 

Consumer (820), şi mai multe categorii de afaceri pe Web, precu Ticăcaiile 
electronice (e-auctions), tranzacţiile bancare electronice (lea y Ea 
electronic (e-commerce), învăţământul pe Internet (e-learning) a 
electronică de produse/servicii (e-marketing). E 
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E-commerce À A ca x 
Una dintre cele mai importante categorii de e-business, deseori chiar confundată cu 


domeniul global al afacerilor pe Web, reprezintă vânzarea şi lg lt î 
bunuri şi servicii prin intermediul tehnologiilor Internet. Ca modele de i "A 
pot enumera: magazinul electronic (e-shop), magazinul lu universal (e-mal/), 
aprovizionarea electronică (e-procurement) sau brokerajul de informaţii. 


E-mail ză 
Mesaj electronic (care eventual poate avea ataşate fişiere) transmis prin reţea. nal 
expeditorul şi destinatarul sunt identificaţi printr-o adresă unică - adresa de e-mail — 
de forma utilizator@gazdă (ie. dragosebiosfarm. ro). 


E-text 
Carte electronică formatată în SGML sau XML. 


Eveniment o f ia | 
Acţiuni care pot surveni în cadrul paginilor Web, în mod uzual în urma uno 
operaţiuni executate de utilizator sau de navigator. 


Expunere | Ă N A 
ie desemnând afişarea unui afiş publicitar (banner) într-o pagină Web. În 
funcţie de rețeaua publicitară, o expunere poate fi egală cu 1-14 afişări de pagină (page 
views). Regăsit şi sub denumirea de impresie (impression). Vezi şi afiş publicitar. 


Extranet PERI | ese ERE | 
Furnizează diferite niveluri de accesibilitate a informaţiilor din afara unei 
organizaţii, utilizat pentru schimbul de date între două sau mai ai ia ia 
intermediul tehnologiilor Internet. Identitatea utilizatorului poate determina car 
părţi din extranet sunt vizibile acestuia. Vezi şi intranet. 


FAQ (Frequently Asked Questions) | Ş i 
Document conţinând răspunsuri la cele mai frecvente întrebări asupra unui su isi 
particular. Orice grup de interes sau sit semnificativ posedă cel puţin un astfel de 


fişier, 


Filtru l f . 
În contextul graficii computerizate, reprezintă un program care e aa 
specifice asupra unei imagini, modificându-i anumite a n î ru p x 
corecta sau elimina culori, deforma o imagine, aplica un efect specia i S isa 
aplicaţiilor de prelucrare grafică (e.g.: Adobe Photoshop, GIMP, Irfan View etc.) o 


diverse filtre. 


ree software pe SEENA 
ta care se referă la un program care poate fi copiat, distribuit sau ze ia fi 
restricţii de oricine, aceasta implicând că trebuie să fie por şi z i ie Se 
acestuia (open-source). Susţinătorul acestui concept este = ar í ta cică : 
organizaţia devotată mişcării software-ului liber este Free Software Foundation, 
cadrul căreia s-a iniţiat proiectul GNU (GNU is Not Unix). 


A hehe pa PEES EE OEE EE EE A E E E AE Dea 
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Freeware 


Desemnează un program, deseori scris de entuziaști, disponibil pe Internet sau pe 
orice alt mediu electronic, utilizatorul fiind liber să-l] folosească fără plată. A nu se 
confunda cu shareware sau free sofiware (software liber) 


FIP (File Transfer Protocol) 


Protocol standard folosit pentru transferul de fişiere în Internet. Orice sistem de 
operare oferă programul-client (denumit chiar £ tp) pentru a ne putea contecta la un 
server FTP. Accesul la un server FTP se poate realiza autorizat (prin nume de 
utilizator şi parolă) sau în mod anonim = facilitate oferită pentru a avea acces public 
(şi anonim) la date, soft sau alte resurse (ca exemple de situri FTP permiţând acces 
anonim putem da ftp. ibm.comsau ftp.uaic. ro), 


Gateway 
Vezi poartă. 


Gazdă 


Referă un calculator al unei reţele, identificat printr-o adresă. O adresă Internet 
poate fi dată printr-o succesiune de patru valori numerice despărțite de punct 
(193.231.30.197) sau folosind denumiri simbolice (students. infoiasi.ro). 


Generator 


Program folosit la generarea de pagini Web sau de lumi virtuale tridimensionale. Un 
generator poate opera în mod automat sau poate fi utilizat: de un 
designer/programator. Sinonim cu termenul authoring tool. Vezi şi authoring. 


GIF (Graphics Interchange Format) 


Format de tip raster creat de CompuServe în 1987 pentru schimbul rapid de 
conţinut grafic între calculatoare interconectate prin modem. Ulterior a fost folosit 
în tot mai mare măsură pentru stocarea pe Web de imagini statice sau animații 
simple. Suportă maxim 256 de culori, conţinutul grafic fiind comprimat fără 


pierderi, utilizându-se o paletă de culori indexată. De asemenea, oferă suport pentru 
transparenţă. 


Hacker 


Entuziast al (ştiinţei) calculatoarelor care îşi găseşte satisfacția în descoperirea 
diverselor secrete ale sistemelor de calcul sau căilor prin care poate să ocolească 


diverse restricţii (parole, sisteme de securitate etc.). Atunci când este distructiv se 
numeşte cracker. 


Hipermedia 


Hipertext multimedia. Termenii hipermedia şi bipertext tind să fie consideraţi 
similari. Media include text, grafică, sunet, video, animaţie etc. 


Hipertext 
Text într-o formă non-lineară. 
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Host 
Vezi gazdă. 


HTML (HyperText Markup Language) 

Lingua franca a spaţiului WWW, aplicaţie majoră a SGML (Standard Generalized 
Markup Language). Nu oferă suport pentru realizarea de prezentări hipermedia 
veritabile, iar în viitor va fi înlocuit se pare de familia de limbaje XML, prin 


intermediul limbajului XHTML. 
HTTP (HyperText Transfer Protocol) 


Protocol sigur orientat-conexiune care guvernează comunicațiile dintre clienţii şi 
serverele Web, bazat pe TCP/IP. 


Index 

2 FE . à ES . . Eo g + . 

În teoria hipertextului, facilitate oferind pointeri către date particulare ca funcţie a 
unei interogări; tabelă a conţinutului unei cărţi în formă de hipertext. 

a . . 
În căutarea pe Web, catalog de documente creat de un motor de căutare (denumit şi 
catalog). Termenul se utilizează uneori pentru a specifica un motor de căutare. 


*nternet 
eyea globală, compusă din alte reţele cu ajutorul căreia calculatoarele pot comunica 
rin intermediul unei suite de protocoale denumită TCP/IP. Fiecare reţea e alcătuită 


din diverse computere interconectate prin diverse modalităţi. 


nd 


Intranet : 
Parte a Internetului sau parte a Web-ului utilizată exclusiv în cadrul unei organizaţii 


sau companii. Vezi şi extranet. 


Invalid A 
Atribut referitor la un document SGML/XML care nu respectă regulile de marcare 


şi DTD-ul asociat (dacă există). Vezi şi document. 


IRC (Internet Relay Chat) 

Sistem Internet, compus dintr-o pleiadă de servere şi clienţi IRC, prin care se poate 
discuta cu alte persoane în timp real. Modul de comunicare poate fi preponderent 
text, organizat pe canale tematice, oferindu-se şi posibilitatea de a realiza transfer de 
fişiere. Un popular client IRC, destinat calculatoarelor personale, este mIRC, rulând 


sub Windows. 


ISP (Internet Service Provider) 
Reprezintă un furnizor de servicii Internet oferind acces la Internet prin diferite 
mijloace tehnice (dial-up, satelit, reţele radio, cablu TV, ISDN etc.). 


Java 

Limbaj de programare orientat-obiect, inspirat din C şi C++ şi creat de James 
“Gostling de la Sun Microsystems, proiectat iniţial cu scopul de a fi portabil şi de a fi 
utilizat în dispozitive de larg consum, miniaturizate. Aplicațiile Java de mici 


ici ovia i AE NA A A A AAE 
IRI RR nananana anaa aranin PR RR AIAN R N RR RR RR N III 
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iii alui am pot fi rulate de navigatoarele Web pe calculatoru] 
client al utilizatorului. O aplicatie Java rulând î i o sofia 
A A plicaue J d în cadrul unui server va fi numită 


JavaScript 


Limbaj de tip script dezvoltat iniţial de compania Netscape pentru prelucrar 

documentelor HTML, oferind dinamism paginilor Web şi permiţând cade 
cod la apariţia unor evenimente. O variantă diferită de JavaScript este cea “i ; i 
pentru Internet Explorer, numită JScript. O standardizare a limbajului a 
este oferită de ECMAScript. i iii 


JPEG (Joint Photographic Experts Group) 

Format standard pentru publicarea pe Web a imaginilor (în special a fotografii] 

a altor ilustraţii cu tonuri continue de culoare), suportând o marjă aa de ie 
(True Color). Formatul JPEG este un format raster cu compresie cu pierderi i £ o ind 
posibilitatea afişării progresive a imaginii pe măsură ce se încarcă P stă 
întreţeserii), ca şi formatul GIF. rcă (tehnica 


Legătură 
Relaţia dintre două ancore, st i i i 
, Stocate în acelaşi document hipertext î 
tre « sau î 
hipertext diferite. i oul 


Linux 
Vezi UNIX. 


Lume virtuală 


Colecţie de unul sau mai multe fişiere VRML, la care se adaugă alte fişiere multi- 
media prezentând o experienţă interactivă pentru un utilizator. O lume virtuală este 
de cele mai multe ori interpretată de un navigator VRML. Vezi şi ciberspaţiu 


Marcaj 


Informaţie structurală stocată într-un document. În mod tradiţional, informaţia 
pa pd . . . A 
structurală este separată de conţinutul propriu-zis al documentelor şi izolată în 

cadrul elementelor (definită în tag-uri) şi entităţilor. 


Marcator 

Construcţie sintactică, desemnând un element HTML sau XML, menită al 
identifica faţă de conţinutul textual al acestuia. Regăsit şi ca tag îi bl 
defineşte modul de inserare a unui marcaj la începutul unui lee (aa 
intermediul unui tag de început) şi unul la sfârşitul lui (numit tag de sfârşi?). A daia 
tag-uri poartă numele asignat elementului. De exemplu, <p> este tag-ul de ince a 
iar </p> este tag-ul de sfârşit al elementului p referind un paragraf în HTML id 


Meta-dată 


Dată referitoare la o anumită dată (resursă) disponibilă pe Web, incluzând - fără a fi 
limitată doar la acestea - informaţii despre autorul, drepturile de autor proprietarul 
termenii de distribuţie ai datei respective. Í i 
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MIDI (Musical Instrumental Digital Interface) 

Reprezintă o specificaţie hardware şi un protocol audio pentru comunicaţii între 
calculatoare, instrumente muzicale şi sintetizatoare. Fişierele MIDI sunt utilizate 
frecvent pentru a transfera informaţie muzicală într-o formă compactă, codificându-se 
numai notele. 


MIME (Multipurpose Internet Mail Extension) 

Standard utilizat pentru specificarea de tipuri de fişere utilizate de aplicaţiile 
Internet. Fiecare fişier vehiculat în Internet aparţine unui tip şi subtip MIME (eg.: 
text/plain, image/gif, application/executable). 


Mirror 
Vezi oglindire. 


Modem 

Termen provenind de la MOdulator/DEModulator, desemnând un dispozitiv 
folosit la codificarea şi decodificarea datelor digitale (provenind de la calculator) în 
date analogice (semnale audio) în vederea folosirii unei linii telefonice pentru 
comunicarea dintre computere. Viteza de transmisie a datelor se măsoară în baud. 
Un modem poate comprima informaţiile vehiculate sau poate implementa algoritmi 
de corecție a erorilor survenite în transmisie. Modemurile pot fi interne sau externe 
unui calculator, putând funcţiona şi ca faxuri. 


Motor de căutare 

Aplicaţie software care caută întt-un index după o cerere de interogare dată de 
utilizator şi returnează locaţiile documentelor găsite. Se regăseşte şi sub denumirile 
de search engine sau index. 

Nu trebuie confundat cu roboții Web. 


MPEG (Moving Pictures Experts Group) 

Format standard pentru stocarea (în manieră comprimată, asemănătoare formatului 
JPEG) a conţinutului video, oferind o rezoluţie de 352x240 pixeli, 30 de cadre pe 
secundă şi sunet la calitate CD. De asemenea, este utilizat pentru a memora conţinut 
audio, fără video, prin popularul format MP3 - MPEG audio layer 3. 


Multimedia 
Tip de conţinut compus din componente statice (text, imagini statice) şi dinamice 
(audio animații, video). Documentele multimedia care au legături cu alte (fragmente 
de) documente se numesc documente hipermedia. Procesul de editare (realizare) a 
unui document multimedia se numeşte authoring. Vezi şi termenii bipertext şi 
hipermedia. 


Navigare | 
Procesul de mutare dintr-un nod în alt nod prin hipertext, în mod normal prin 
intermediul legăturilor. Navigatorul poate facilita acest lucru menţinând o listă cu 
cele mai recente legături urmate (history) etc. 
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Navigator 

Program care permite unei persoane să citească şi să parcurgă hipertextul 
vizualizând conţinutul nodurilor şi navigând din nod în nod (termenul navigator e 
regăseşte şi ca agent-utilizator, browser, client Web). 

Navigatoarele cele mai cunoscute sunt Netscape Navigator, Internet Explorer, Opera 
Amaya, Nautilus, Konqueror (toate operând în mod grafic), Lynx şi Links (rulând în 
mod text), în general fiind disponibile pentru mai multe platforme (software şi 
hardware). 


Negociere 
Mecanism de selectare a reprezentării potrivite a unei date solicitate. Vezi şi HTTP. 


Nod 


În teoria hipertextului, reprezintă unitatea de informaţie, numit şi frame (cadru) sau 
card (fişă). Nodul poate fi asimilat şi cu termenul de document, fiind adresat în 
Internet prin intermediul unui identificator uniform de resursă - URI (Uniform 
Resource Identifier). 
A nu se confunda cu gazdă (nod) de reţea care se identifică printr-o adresă Internet. 
Vezi adresă şi gazdă. 


Oglindire 

Proces de replicare a conţinutului unui sit Web sau FIP din raţiuni de 
descongestionare a traficului de reţea sau de navigare locală. Fiecare replică a unui sit 
specific se regăseşte sub denumirea de mirror (sit oglindă). 


Pagină . 

Denumită şi document sau Web page, reprezintă oricare document disponibil în 
spaţiul WWW, putând conţine text, imagini, alte informaţii multimedia şi legături 
spre alte pagini Web. O pagină poate fi văzută drept componentă a structurii 
hipertext prezente pe Web. Vezi şi termenii Pipertext, legătură şi HTML. 


Pixel 

Provine de la picture element, reprezentând cel mai mic element utilizat să compună 
iau r: a ana nee ` A 

o imagine. Lăţimea şi înălţimea, în pixeli, formează rezoluția imaginii. Numărul 

maxim de culori pe care le poate lua un pixel reprezintă adâncimea de culoare. 


Platformă 


Iniţial, termen referitor la o anumită configuraţie hardware specifică (e.g: tip de 
procesor, arhitectură de reţea). Ulterior s-a extins pentru a desemna o combinaţie 
specifică de hardware şi software (Lip sau versiune de sistem de operare - Linux, 
MacOS, Windows, OS/2 ~ şi/sau compilator ori limbaj de programare - GNU 
C/C+ +, Visual C+ +, Perl, Java etc.). 


Plug-in 

Program-extensie care nu rulează de sine stătător, ci doar apelat din altul, cu scopul 
de a adăuga noi capabilități programului apelant. De exemplu, navigatoarele Web se 
folosesc de plug-in-uri pentru a oferi utilizatorilor posibilităţi de vizualizare a unor 
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tipuri de fişiere (grafice, audio sau lumi virtuale). Nu numai navigatoarele Web 
implementează conceptul de-plug-in, ci şi alte aplicaţii (e.g: Adobe Photoshop, GIMP, 
Winamp etc.). 


PNG (Portable Network Graphics) 

Format grafic de tip raster, folosit pe Web, combinând cele mai bune caracteristici 
ale formatelor GIF şi JPEG. Navigatoarele moderne oferă suport pentru afişarea 
imaginilor în format PNG. Spre deosebire de GIF, numărul de culori nu este limitat 
la 256. Compresia conţinutului grafic este realizată fără pierderi, din acest punct de 
vedere fiind superior formatului JPEG. 


Poartă 
Un server care lucrează ca intermediar pentru alte servere, în mod transparent, fiind 
şi un translator de protocoale. Termen regăsit şi sub denumirea gateway. 


Profil 
Colecţie de criterii de funcţionalităţi care definesc un subset implementabil al unui 
standard. 


. Protecţie 

Prevenirea citirii, scrierii, manipulării unor date de către utilizatorii neautorizaţi. 
Numită şi „autentificare” ori „controlul accesului”. Pentru Web, protecţia se 
realizează, printre altele, prin adoptarea unor protocoale de autentificare precum 
S-HTTP (Secure HTTP) sau SSL (Secure Socket Layer) ori prin securizarea serverelor. 


Protocol 

Mulţime de reguli pentru transmiterea datelor în cadrul rețelelor de calculatoare. 
Protocoalele se structurează pe niveluri, aplicaţiile folosindu-se de protocoale de pe 
nivelul superior. 

În Internet, se utilizează suita de protocoale TCP/IP (Transmission Control 
Protocol/Înternet Protocol). Protocoalele bazate pe TCP/IP la nivelul aplicaţie sunt: 
HTTP (HyperText Transfer Protocol) - utilizat pentru transferul de informaţii 
hipertext, FTP (File Transfer Protocol) - folosit pentru transferul de fişiere prin 
Internet, TELNET - utilizat la conectarea la distanţă prin intermediul unui terminal 
virtual etc. 


Proxy (intermediar) 

Un program intermediar care rulează atât pe post de server, cât şi de client pentru a 
transmite cereri altor servere. Cererile trimise unui proxy pot fi rezolvate intern sau 
transmise mai departe, către alte servere (posibil translatate). 

Un proxy Web trebuie să implementeze cerinţele de server şi de client ale 
specificaţiei HTTP., 


Raster 

Termen referitor la grafică, desemnând o imagine al cărei conţinut este dispus într-o 
matrice de linii şi coloane ale cărei elemente sunt pixelii. Vezi şi termenii pixel şi 
vectorial. 
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In SSML/XML reprezintă primul element al unui document, Un element rădăcină 
nu poate fi conţinut de nici un alt element şi formează baza arborelui creat prin 


procesarea elementelor pe care le conţine. În cadrul documentelor Web, elementul 
rădăcină este <html>, 


Răspuns 
Un mesaj de răspuns HTTP din partea unui server furnizat clientului care a 
formulat o cerere. 


RDF (Resource Description Framework) 


Un cadru de descriere şi de construcţie a unor limbaje logice care definesc semantica 
resurselor disponibile pe Web, cu scopul de a constitui Web-ul semantic (acesta va fi 
noul nivel de dezvoltare a spaţiului WWW, conform predicţiilor lui Tim Berners-Lee - 
creatorul Web-ului). 


Realitate virtuală 


Simulare generată de calculator a unui mediu tridimensional în care utilizatorul este 
capabil să vizualizeze şi să manipuleze, în mod interactiv, conţinutul acestui mediu. 
Vezi şi ciberspaţiu. 


Resursă 


Un obiect de date sau serviciu care poate fi identificat de un URI. Resursele pot avea 
e ii . Eia . ki pa 

reprezentări multiple (formate, mărimi, rezoluţii etc.). În cazul Web-ului, o pagină 

(document) Web reprezintă o resursă. Vezi şi nod. 


Reţea de afişe publicitare 

Distribuitor de publicitate on-line asigurând software-ul necesar rulării şi 
monitorizării reclamelor (în format banner) în mai multe situri, la schimb sau contra 
cost. Siturile sunt legate la un server de publicitate care realizează afişarea 
banner-elor prin rotaţie, conform unor indicatori prestabiliţi (trafic, perioade de 
timp, domenii şi/sau număr de expuneri/accesări ale legăturilor). Vezi şi afiş publicitar. 


Roboţi Web 3 ; 

Reprezintă programe care traversează În mod automat structura hipertext a spaţiului 
WWW, în scopuri de extragere a informaţiilor, folosind protocoalele Web standard 
(HTTP). Se regăsesc şi sub numele de păianjeni (spiders). Vezi şi motor de căutare. 


SAX (Simple API for XML) 

Interfaţă de programare permiţând dezvoltătorilor de aplicaţii să analizeze 
documentele XML. Spre deosebire de DOM, SAX nu necesită încărcarea întregului 
fişier în memorie. Analiza XML este condusă de evenimente, în manieră 
incrementală. 


Schemă 


Specificaţie formală a numelor, modului de apariţie şi tipului de elemente şi atribute 
care pot compune un document XML, folosind sintaxa limbajului XML. 
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Funcţionalitatea schemelor este echivalentă cu cea a DTD-urilor, dar schemele XML 
oferă facilităţi în plus. 


Script 

Un limbaj de tip script este destinat să prelucreze, să automatizeze şi să integreze 
facilităţile oferite de un anumit sistem, în cazul WWW cele oferite de un navigator 
Web. În cadrul documentelor HTML pot fi inserate scurte programe scrise în 
limbaje de tip script (ca JavaScript sau VBScript), cu scopul de a oferi conţinut 
dinamic paginilor WWW. 

Un document HTML care include şi programe script se mai numeşte şi document 


HTML dinamic (DHTML -~ Dynamic HTML). i 


Semn de carte 

Regăsit sub denumirea bookmark, reprezintă adresa unui sit Web vizitat repetat de 
către utilizator. Aceste semne de carte sunt grupate într-un fişier bookmarks . html 
(cazul navigatorului Netscape) sau în fişiere speciale de tip URL (denumite de 
Microsoft Internet shortcuts). Vezi şi termenii navigator şi URL. 


Server 

O aplicaţie care acceptă conexiuni, răspunzând la anumite cereri transmise de clienţi, 
oferind, astfel diverse servicii. Un program poate juca rol atât de server, cât şi de 
client. Într-un sistem hipertext, un server va oferi informaţii hipertext unui client, 
Cele mai cunoscute servere Web, rulând pe diverse platforme, sunt Apache, Netscape 
Enterprise Server, Sun Web Server, Microsoft Internet Information Server, Stronghold, 
Jigsaw. Calculatorul pe care rulează un server Web şi care găzduieşte o serie de pagini 
WWY înrudite, ale unei companii, organizaţii sau persoane, se mai numeşte şi sit. 


Serviciu Web 

Conceptul de serviciu Web reprezintă unul dintre paşii următori în evoluţia 
spaţiului WWW şi permite ca elemente programabile să fie plasate pe siturile Web. 
Alţi programatori pot accesa funcţionalităţile acestor programe, în manieră 
distribuită şi directă, pentru orice număr potenţial de sisteme independente, prin 
folosirea unor standarde precum XML şi HTTP. Vezi SOAP şi WSDL. 


Servlet 

Desemnează un program Java invocat de serverul Web pentru a realiza anumite 
operaţii al căror rezultate vor fi trimise -unui client Web. Spre deosebire de un 
applet, servlet-ul rulează exclusiv pe server. Un mediu de invocare a servlet-urilor 
direct din paginile Web este JSP (Java Server Pages). 


SGML (Standard Generalized Markup Language) 


Standard şi meta-limbaj pentru adnotarea documentelor electronice, părintele unor 
limbaje precum HTML şi XML. SGML oferă un set complex de reguli pentru 
definirea structurii documentelor, având o serie de aplicaţii de succes dintre care se 
pot menţiona HTML, OpenTAG, TEI, HyTime etc. În prezent, locul 
meta-limbajului SGML este luat de mai simplul, dar flexibilul XML. 
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Shareware 


Desemnează o versiune completă sau parţială a unui program disponibil pe Internet 
care poate fi încercată înainte de a o plăti (la un pre destul de mic). După plată, 
autorul poate să mai trimită programe adiţionale pentru a face versiunea shareware 
complet funcţională sau poate expedia o serie din versiunile ulterioare ale acelui 
program. i 


Sit 
Colecţie de pagini Web înrudite ale unei companii, organizaţii sau persoane, 


orientată către anumite informaţii sau scopuri comune. Un server Web poate găzdui 
mai multe situri Web. Vezi şi server. 


SMIL (Synchronized Multimedia Integration Language) 


Limbaj de realizare a prezentărilor sincronizate multimedia pe Web, bazat pe XML. 
A inspirat extensiile HTML + TIME pentru suport multimedia sincronizat în cadrul 
documentelor Web, extensii implementate în cadrul navigatorului Internet 
Explorer. 


SOAP (Simple Object Access Protocol) 


Protocol care furnizează aplicaţiilor o modalitate de a comunica una cu cealaltă peste 
Internet într-un mod independent de platformă. Construit peste XML, permite 
schimbul de tipuri de informaţii structurate pe Web, folosind şi protocolul HTTP. 


Spam . 

Activitatea de expediere a aceluiaşi mesaj (deseori promoţional sau având conţinut 
îndoielnic) la diverse grupuri de ştiri, liste de discuţii, utilizatori ai unei organizaţii etc. 
Structură semantică 

Relaţia dintre conţinutul unui document hipertext şi structura lui. 


Tag 
Vezi marcator. 


Topologie 
În contextul hipertextului, reprezintă toate conexiunile disponibile între noduri, 
ancore şi legături, de exemplu 1 Ja 1 sau 1 la mai multe etc. 


Transfer 
Vezi termenul download. 


Trasare 3 

Găsirea automată a nodurilor pentru navigare: găsirea tuturor nodurilor depinzând 
de un anumit nod, toate persoanele interesate de un nod dat, drumul minim de la un 
nod la alt nod etc. 

Tunel 


Un program intermediar funcţionând ca mijlocitor între două conexiuni. 
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UDDI (Universal Description, Discovery, and Integration) 

Un set de protocoale şi un catalog public pentru înregistrarea şi regăsirea în timp 
real a serviciilor Web şi a altor procese de afaceri. Vezi şi termenii serviciu Web sau 
WSDL. 


Unicode 
Standard pentru codificarea internațională a caracterelor, extensie a codului ASCII, 
fiecare caracter fiind codificat pe 16 biţi. 


UNIX 

Sistem de operare interactiv apărut în anul 1968, leagănul protocoalelor de 
comunicaţie în reţea şi a celor mai multe dintre conceptele teoriei şi practicii 
sistemelor de operare. Părinţii sistemului UNIX sunt consideraţi Ken Thompson şi 
Dennis Ritchie (acesta din urmă este co-inventatorul limbajului C, împreună cu 
Brian Kernigham). De-a lungul anilor, sistemul a suferit mutații importante şi s-a 
diversificat în diverse subtipuri - denumite „implementări” sau „arome” (flavours) 
precum AIX, BSD, HPUX, Linux, System V sau Xenix. Este utilizat de cei mai 
mulţi dintre furnizorii de servicii Internet şi în mediul academic. Una dintre aromele 
de succes este Linux, conceput de Linus Torvalds, fiind disponibil gratuit pe Internet, 
din 1991. Linux se găseşte în plină dezvoltare şi este disponibil în mai multe 
„distribuţii” dintre care se pot enumera RedHat, Mandrake, SuSE ori Slackware. 


Upload 


Vezi termenii download şi transfer. 


URI (Uniform Resource Identifier) 
Identificator uniform de resurse, folosit în general pentru adresarea resurselor 
Internet. Mulțimea URI este compusă din subseturile de identificatori URN şi URL. 


URL (Uniform Resource Locator) 
Subset URI identificând resursele printr-o reprezentare a mecanismului de accesare a 
lor (e.g.: localizarea reţelei). Un exemplu: http: //www. infoiasi.ro/. 


URN (Uniform Resource Name) 

Subset URI care rămâne permanent şi unic, chiar dacă resursa a dispărut ori a 
devenit inaccesibilă. Un URN este independent de localizarea resursei. Drept 
exemplu - urn:mozilla:package: communicator. 


Valid 

Un document este considerat valid dacă se conformează unei definiţii a tipului de 

document (DTD) şi respectă toate regulile sintactice (este corect formatat). Toate 
` elementele, atributele, entităţile trebuie să fie declarate în DTD şi toate tipurile de 

date trebuie să fie corecte. Vezi şi document sau corect formatat. 


Vectorial 
Atribut al unui format grafic, referindu-se la faptul că imaginea reprezentată este 
constituită dintr-o mulţime de forme de bază (primitive) - eg: linii, patrulatere, 
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elipse - care pot fi grupate, în opoziţie cu formatul raster (bitmap). Fiecare element 
al imaginii poate fi ulterior modificat în manieră independentă. 


VRML (Virtual Reality Modeling Language) 


Limbaj utilizat la conceperea unui univers tridimensional virtual. Limbajul are mai 
multe versiuni: VRML 1.0 - apărută în 1995, VRML 2.0 - publicată în 1996 şi 
VRML?7 - disponibilă din 1997, fiind foarte asemănătoare cu precedenta 
Actualmente, VRML este rescris în termenii XML, noua specificaţie purtând numele 
X3D. Pentru vizualizarea lumilor modelare în VRML, se recurge la un navigator 
VRML, ie. Cortona, CosmoPlayer sau World View. 


WAP (Wireless Application Protocol) 


O specificaţie securizată permiţând utilizatorilor să acceseze informaţii de pe 
Internet prin intermediul unor dispozitive fără fir cum ar fi telefoanele mobile 
pager-ele, PocketPC-uri, telefoanele inteligente etc. Datele vehiculate sunt marcate 
folosind WML (Wireless Markup Language), un fel de HTML restrâns. 


Web 


Pânză de păianjen, mulțime de noduri interconectate prin legături, respectând teoria 
hipertextului. De obicei desemnează mulţimea tuturor nodurilor interconectate din 
lume. „Este denumită şi WWW (World-Wide Web), în continuă dezvoltare şi 
înglobând noi tehnologii. Reglementările privitoare la Web sunt redactate şi propuse 
spre implementare de Consorţiul Web, organizaţie internaţională compusă din 
instituţii academice, companii comerciale şi persoane particulare. 


WSDL (Web Services Description Language) 


Standard pentru descrierea în format XML a serviciilor Web. Serveşte drept 
convenţie universală a descrierii funcţionalităţi (semianticii) unui serviciu Web şi 
instruieşte potenţialii clienţi care pot interacţiona cu acesta. WSDL a fost dezvoltat 
în urma colaborării dintre companiile IBM şi Microsoft. Vezi şi serviciu Web. 


WYSIWYG (What You See Is What You Get) 


Calitate recunoscută pentru editoarele/procesoarele de text sau de conţinut 
multimedia unde cum arată documentul pe ecran aşa va arăta şi în versiune finală, 
destinată reprezentării, tipăririi sau publicării (pe Web, CD-ROM sau alte media). 


XML (Extensible Markup Language) 


Standard şi meta-limbaj de marcare în continuă dezvoltare în cadrul Consorţiului 
Web, oferind un set mai restrâns, dar mai facil, de reguli de adnotare decât SGML 
din care provine. XML este compus în fapt dintr-o familie de limbaje de bază (i.e. 
XSL, XPath, XBase etc.), având sute de limbaje derivate (precum MathML, RDF, SMIL 
ori SOAP). | 
Pentru mai multe informaţii privind termenii informatici de mai sus sau alţii care nu 
au putut fi cuprinşi în cadrul acestui material, cititorul poate parcurge The Free On- 
line Dictionary of Computing, editat de Denis Howe şi disponibil la 
http: //wombat .doc.ic.ac.uk/. O versiune a acestui dicţionar este disponibilă 
şi pe CD-ul care însoţeşte cartea de față. 
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ACRONIME 


ANSI - American National Standards 
Institute (organizaţie) 
AOL - America OnLine (Internet) 


API Application Programming Interface 
(soft) 


ARP - Address Resolution Protocol 
(Internet, protocol) 

ARPA - Advanced Research Projects _. 
Agency (organizaţie) . 

ASCII - American Standard Code for 
Information Interchange (standard) 


ASN.1 - Abstract Syntax Notation One 
(soft, standard) 


ASP - Active Server Pages (Web), 
Application Service Provider (Web, 
afaceri), Association of Shareware 
Professionals (soft) 


AWT - Abstract Window Toolkit 
(soft, Java) 


AVI - Audio Video Interleaved 
(soft, format video) 


BASH - Bourne Again SHell (Unix) 
BiDi - Bi-Directional (Web) 

BIZ - Business (Internet, Web) 

BNF - Backus-Naur Form (soft) 

BPN - Business Process Network (afaceri) 
bps - bits per second (Internet) 


BSD - Berkely Software/Standard 
Distribution (unix) 


B2B - Business-to-Business (afaceri) 

B2C -~ Business-to-Consumer (afaceri) 
CAI - Computer Aided Instruction (soft) 
CAL - Computer Aided Learning (soft) 
CBL - Computer Based Learning (soft) 
CBT - Computer Based Training (soft) 


CD-ROM - Compact Disk - Read € 
TRA ead Only 


CERN - Centre Européen pour la 
Recherche Nucléaire (organizaţie) 

CERT - Computer Emergency Response 
Team (organizaţie) 

CGI - Common Gateway Interface 


(Web, standard) 


CLUT - Color Look-Up Table (soft 
cromatică) 


CML - Chemical Markup Language (Web) 
CMY - Cyan-Magenta- Yellow (soft 
cromatică) 


CMYK - Cyan-Magenta-Yellow-black 
(soft, cromatică). 


COD - Cash On Delivery (afaceri) 


COM - COMmercial (Internet), 
Common Object Model (soft) 


CORBA - Common Object Request 
Broker Architecture (soft, Internet) 


CPU - Central Processing Unit (hard) 
CR - Carriage Return (soft) 


CRC - Cyclic Redundancy Check/Code 
(soft, Internet) > 


CRM - Client Relationshi 
(afaceri) 


CRT - Cathode Ray Tube (hard) 
C/S - Client/Server (soft) 
CSS ~ Cascading Style Sheets (Web) 


CYMK - Cyan-Yellow-Magenta-blacK 
(soft, cromatică) 


p Management 


C2C - Consumer-to-Consumer (afaceri) 
C2D - Consumer-to-Data (afaceri 
DARPA - Defense ARPA (organizatie) 
DB ~ Data Base (soft) 
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DCI - Dublin Core Initiative (Web) 
DHTML - Dynamic HTML (Web) 
DNS - Domain Name System 

(Internet, protocol) 

DOM - Document Object Model (Web) 
DOS - Denial Of Service (Internet), Disk 
Operating System (soft) 

DTD - Document Type Definition (Web) 
DTML - Dynamic Template Markup 
Language (Web) 

DVD - Digital Video/Versatile Disk 
(hard, soft) 

EAI - Enterprise Application Integration 
(afaceri) 


ECMA - European Computer 
Manufacturers Association (organizaţie) 


EDI - Electronic Data Interchange 

(soft, standard) 

EDU - EDUcation (Internet) 

EMACS - Editing MACTroS (Unix, soft) 


EPS - Electronic Payment System (afaceri, 
Web), Encapsulated PostScript (soft) 


ERP - Enterprise Resource Planning 
(afaceri) 

E-MAIL - Electronic MAIL (Internet) 
E-ZINE - Electronic MagaZINE 
(Internet, Web) 


FAQ - Frequently Asked Questions 
(Internet, Web) 


FPU - Floating Point Unit (hard) 

FTP - File Transfer Protocol (Internet) 
FYI - For Your Information (Internet) 
GCC - GNU CCompiler (Unix) 

GIF - Graphics Interchange Format 
(Web, standard) 

GNU - Gnu's Not Unix (Unix) 

GOV - GOVernment (Internet) 
HMD - Head Mounted Display (hard, 
Web) 

HSB - Hue, Saturation, Brightness (soft, 
cromatică) 


HTML - HyperText Markup Language 
(Web, standard) 


HTTP - HyperText Transfer Protocol 
(Web, Internet, protocol) 

HTTP-NG - HTTP Next Generation 
(Web) 

IAB - Internet Activities Board 
(organizație) 

IANA - Internet Assigned Number 
Authority (organizație) 

IE - Internet Explorer (Web, soft) 
IEEE - Institute of Electrical and 
Electronics Engineers (organizaţie) 
IETF - Internet Engineering Task Force 
(organizaţie) 

IP - Internet Protocol (Internet, 
protocol), Instruction Pointer (soft) 
IRC - Internet Relay Chat (Internet) 


ISBN - International Standard Book 
Number (standard) 


ISDN - Integrated Services Digital 
Network (Internet) i T 


ISO - International Organization for 
Standardization (organizație) 

ISOC - Internet SOCiety (Internet) 

ISP - Internet Service Provider (Internet) 
I/O - Input/Output (soft) 


JPEG - Joint Photografic Experts Group 
(Web, standard) 


JSP - Java Server Pages (Web) 

LAN - Local Area Network (Internet) 
LCD - Liquid Crystal Display (hard) 
LF - Line Feed (soft) 

MAN - Metropolitan Area Network 
(Internet) 

MIDI - Musical Instrument Digital 
Interface (soft, standard) 

MIME - Multipurpose Internet Mail 
Extension (Internet, standard) 

MPEG - Moving Pictures Experts Group 
(Web, standard) 


Acronime 


NASA - National Aeronautics and Space 
Administration (organizaţie) 

NCSA - National Center for 
Supercomputing Applications 
(organizaţie) 

NIC - Network Information Center 
(organizaţie) 

NNTP - Network News Transfer 
Protocol (Internet, protocol) 

NSA - National Security Agency 
(organizaţie) 

NSF - National Science Foundation 
(organizaţie) 

OS - Operating System (soft) 

OSF - Open Software Foundation 
(organizaţie) 


OSI - Open Systems Interconnection 
(standard) 


PDF - Portable Document Format 
(Web, standard) 


PHP - PHP: Hypertext Preprocessor 
(Web, soft) 

PIN - Personal Identification Number 
(soft, afaceri) 


PNG - Portable Network Graphics 
(Web, standard) 
POS - Point Of Sale (afaceri) 


PPP - Point-to-Point Protocol 
(Internet, protocol) 


PSP - Payment Service Provider (afaceri) 


RAM - Random Access Memory (hard, 
soft) | 


RARP - Reverse ARP (Internet, protocol) 


RDF - Resource Description Framework 
(Web) 


RGB - Red-Green-Blue (soft, cromatică) 
REC - Request For Comments (Internet) 
RFI - Request For Information (Internet) 
ROM - Read Only Memory (hard, soft) 


RPC - Remote Procedure Call 
(Internet, soft) 


RSS - RDF Site Summary (Web) 
RTF - Rich Text Format (soft) 
SAX - Simple API for XML (Web, soft) 


SET - Secure Electronic Transaction 


(Web, afaceri) 


SGML - Standard Generalized Markup 
Language (soft, standard) 


SMIL - Synchronized Multimedia 
Integration Language (Web) 


SMTP ~ Simple Mail Transfer Protocol 
(Internet, protocol) 


SOAP - Simple Object Access Protocol 
(Web, protocol) 


SQL - Structured Query Lan e 
(soft, standard) săli du, 


SSI - Server-Side Includes (Web) 


SSL - Secure Socket Layer (Internet, 
protocol) 


SWIFT - Society for World-Wide 
Interbank Financial Telecommunication 


(afaceri) 
SVG - Scalable Vector Graphics 


` (Web, standard) 


TCP - Transmission Control Protocol 
(Internet, protocol) 


TEI - Text Encoding Initiative 
(soft, standard) 


TTY - TeleTYpewriter (soft, Unix) 
UDDI - Universal Description, 
Discovery, and Integration (Web) 


UDP - User Datagram Protocol 
(Internet, protocol) 


URI - Uniform Resource Identifier 
(Internet, standard) 


URL - Uniform Resource Locator 
(Internet, Web, standard) 


URN - Uniform Resource Name 
(Internet, Web, standard) 


VE - Virtual Environment (realitate 
virtuală) 

VML - Vector Markup Language (Web) 
VPN - Virtual Private Network (Internet) 
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VR - Virtual Reality (realitate virtuală) 


VRML - Virtual Reality Modeling 
Language (Web, realitate virtuală) 
VUE - Virtual University Education 
(Web) 

W3C - World-Wide Web Consortium 
(organizație) 

WAN - Wide Area Network (Internet) 
WAP - Wireless Application Protocol 
(Internet, protocol) i 
WBL - Web Based Learning (Web) 
WBT - Web Based Training (Web) 


WML - Wireless Markup Language 
(Web, standard) 


WSDL - Web Services Description 
Language (Web) 

WYSIWYG - What You See Is What You 
Get (soft) 

WWW - World-Wide Web 

(Internet, Web) 

X3D - Extensible Three Dimensions 
(Web, realitate virtuală) 

XML - Extensible Markup Language 
(Web, standard) 

XSD - XML Schema Definition (Web) 
XSL - Extensible Stylesheet Language 
(Web) 

XHTML - Extensible HyperText 
Markup Language (Web, standard) 
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